html - 将 CSS 属性应用于类，但前提是元素具有另一个特定类

Question

我有这个 html:

 <li class="arrow branches"></li>
 <li class="arrow branches"></li>
 <li class="arrow branches"></li>

 <li class="arrow"></li>
 <li class="arrow"></li>
 <li class="arrow"></li>

我只想为“箭头分支”类提供 css 命令，如何为它们提供不会影响“箭头”类的 css？

Answer 1

创建类.branches:

.branches{
    color:#f00;
}

如果你只想将它应用到那些有分支和箭头的元素，那么将它们放在一起:

.arrow.branches{
    color:#f00;
}

但是如果你想将它应用到多个类中，那也很容易:

.branches, .otherClass{
    color:#f00;
}