给定以下标记:
<div class="my_class"></div>
和以下css:
.sidebar .nav { width: 95%; }
.sidebar-nav{ left: -200px; }
.sidebar-nav.active{ left: 0; }
如何使以上样式仅适用于my-class
班级上的孩子?
据我了解,您希望以下CSS仅适用于的子级.my_class
。
如果是这样,请将您的CSS更改为此:
.my-class .sidebar .nav { width: 95%; }
.my-class .sidebar-nav{ left: -200px; }
.my-class .sidebar-nav.active{ left: 0; }
请注意,如果您有任何sidebar
或sidebar-nav
之外的my-class
,他们将不会得到上述的风格。
查看有关MDN的专一性。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句