Question

这是一个简单的问题。但是，搜索10分钟后我找不到答案。我想用例子来解释我的问题，这样你就可以理解我正在谈论的内容。

假设有一个带有id的div标签，里面还有一些文字：

<div id="text">Hello World</div>

我也有css规则，将文本变为红色。

.makeRed{
   color: #FF0000;
}

问题是我想在div标签中将文本设为红色。我可以这样做：

<div id="text" class="makeRed">Hello World</div>

有没有另外一种方法可以让文字变成红色？因为如果我继续将makeRed规则添加到我需要的每个div中，它会将我的html变成垃圾。所以我想知道是否有任何方法可以清楚地做到这一点。对于我的一些div，我想用这种方式用于“clearfix”方法。

每当我需要clearfix时，我都喜欢这样，这很糟糕：

<div class="clearfix">
   <div id="text">Hello World</div>
</div>

Answer 1

问题是：你想把哪个文字弄成红色，为什么？

如果你希望所有div的文本都是红色的，你可以写

div{ color: red; }

如果仅仅是因为错误消息，我会添加类'错误'而不是'红色'。这样，您可以使HTML更具语义。你仍然需要添加一个类，但它有更多的含义：

.message.error { color: red; }

Answer 2

您可以将div的ID添加到css中，如下所示：

.makeRed, #text{
    color: #FF0000;
}

您可以用逗号分隔目标，以在样式中包含多个不同的元素。这将保留应用于.makeRed的样式并应用于您的#text div。