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

这将选择具有类分支和箭头的LI元素，但不选择箭头。

Answer 3

.arrow.branches { // your css }

仅适用于具有两个类的元素。