我有一个嵌套的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>

08-25 17:18
查看更多