如何简化这个css代码？

Question

div.a b, div.a strong, div.a i, div.a form, div.a span  {
  color: red
}

如何简化这个？如果可能的话，只使用一次div.a，这将是完美的。

Answer 1

如果你真的想要简化它，你可以在所有元素上加上一个公共类，这样你就可以：

.red {
  color: red;
}

Answer 2

有几个选择：

如果您定位div.a的所有子元素：

div.a *  {
    color: red
}

如果您不想包含某个，当然可以使用:not()。

此外，您可以使用less，它允许您使用：

div.a  {
    b, strong, i, form, span {
        color: red;
    }
}

Answer 3

以下情况如何？

div.a * { color: red; }

<div class="a">下的每个元素都会有红色文字颜色，除非被覆盖。

如果您只需要b，form，strong，span，i为红色，那么您可能拥有最短的时间添加一个类，例如在另一个答案中提出的内容。