应用CSS属性类，但只有当元素有另一种特定的类

Question

我有这个网站：

<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

.arrow.branches { // your css } 

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

Answer 3

这是非常简单的：

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

这将选择与类树枝和箭头李元素，但其本身没有箭头。