我使用cssrush已经很多年了,最近开始使用 css。这是一种基于顶级父元素的附加类向任何嵌套元素添加特定属性的好方法。
<div class="someDivClass">
<ul class="someULclass">
<li>Text lorem ipsum</li>
<li>Text ipsum lorem
<ul class="someULclass2">
<li>Text lorem ipsum</li>
<li>Text ipsum lorem</li>
</ul>
</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS 会是这样的......
.someDivClass {
ul.someClass {
fewUlporpertis: values;
li {
fewLIporpertis: values;
ul.someULclass2 {
fewUlporpertis: values;
li {
fewLIporpertis: values;
}
}
}
}
}
Run Code Online (Sandbox Code Playgroud)
现在如果我有...
<div class="someDivClass additionalClass">
.....
</div>
Run Code Online (Sandbox Code Playgroud)
我可以做这个...
.someDivClass {
ul.someClass {
fewUlporpertis: values;
li {
fewLIporpertis: values;
ul.someULclass2 {
fewUlporpertis: values;
li {
fewLIporpertis: values;
.additionalClass& {
color: red; …Run Code Online (Sandbox Code Playgroud) sass ×1