将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;
}

Answer 2

这非常简单：

li.arrow.branches
{...styles...}

这将选择具有类分支AND箭头的LI元素，但不能单独选择arrow元素。

Answer 3

.arrow.branches { // your css }

仅适用于两个类的元素。