我有一个嵌套的CSS类:
.a {
b.c {
color: red;
}
}
我如何进入“ b.c”课程?
我正在使用
<p class="a.b.c"></p>
,但不能工作。
谢谢。
最佳答案
您的代码:
.a {
b.c {
color: red;
}
}
可以通过访问
<div class="a"> <!-- parent with class "a" -->
<b class="c">This text will be red</b> <!-- <b> tag with class "c" -->
</div>
说明
更少的是,当您按原样嵌套时,是说嵌套规则仅适用于与父级选择器匹配的元素内部的元素。您编写的规则是查找具有
<b>
类且其父级为c
的任何a
标记从您的代码输出的CSS将是
.a b.c {color: red;}
如果您要访问一个元素,并且正如损坏的HTML所示,请
b
为类而不是元素选择器,则可以使LESS变为:.a {
&.b.c {
color: red;
}
}
可以通过访问
<p class="a b c">
This text will be red
</p>