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

Answer 2

这非常简单：

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

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

Answer 3

.arrow.branches { // your css }

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