Html 如何将一个CSS规则附加到另一个CSS规则

这是一个简单的问题。然而，我在10分钟的搜索后找不到答案。我想用一些例子来解释我的问题，这样你们就能明白我到底在说什么

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

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

问题是我想把div标签中的文本变成红色。我可以这样做：

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

你好，世界

除了这样做，还有其他方法使文本变为红色吗？因为如果我继续向我需要的每个div添加makeRed规则，它会将我的html变成垃圾。因此，我想知道是否有任何方法可以清楚地做到这一点。我想用这种方式为我的一些div使用“clearfix”方法

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

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

你好，世界

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

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

---

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

.makeRed

的样式，并应用于

#text

div。

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

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

---

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

.makeRed

的样式，并应用于

#text

div。

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

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

---

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

.makeRed

的样式，并应用于

#text

div。

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

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

---

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

.makeRed

的样式，并应用于

#text

分区。

问题是：您想将哪个文本变为红色，为什么

如果你想让所有div的文本都变成红色，你可以直接写

div{ color: red; }

如果只是为了（比如）一条错误消息，我会添加“error”类而不是“red”。这样，您可以使HTML更具语义。您仍然需要添加一个类，但它有更多的含义：

.message.error { color: red; }

---

问题是：你想把哪个文本变成红色，为什么

如果你想让所有div的文本都变成红色，你可以直接写

div{ color: red; }

如果只是为了（比如）一条错误消息，我会添加“error”类而不是“red”。这样，您可以使HTML更具语义。您仍然需要添加一个类，但它有更多的含义：

.message.error { color: red; }

---

问题是：你想把哪个文本变成红色，为什么

如果你想让所有div的文本都变成红色，你可以直接写

div{ color: red; }

如果只是为了（比如）一条错误消息，我会添加“error”类而不是“red”。这样，您可以使HTML更具语义。您仍然需要添加一个类，但它有更多的含义：

.message.error { color: red; }

---

问题是：你想把哪个文本变成红色，为什么

如果你想让所有div的文本都变成红色，你可以直接写

div{ color: red; }

如果只是为了（比如）一条错误消息，我会添加“error”类而不是“red”。这样，您可以使HTML更具语义。您仍然需要添加一个类，但它有更多的含义：

.message.error { color: red; }

---

.makeRed

表示什么？

makeRed

是否应该被称为更具语义的东西，如

错误消息

？如果您根据类的含义而不是外观来命名类，那么最终可能会得到更具描述性和组织性的css/html。不，这就是类的具体用途，用于定义在意义（语义）上具有共同点的html元素的视觉特征。除非您希望每个div都有红色文本（可能没有），或者您希望在CSS文件中维护一个可怕的id选择器列表，或者所有这些div都位于可以设置样式的容器元素中，然后继续使用类，就像其他人所说的那样，使您的类更有意义。makeRed意味着什么？

makeRed

是否应该被称为更具语义的东西，如

错误消息

？如果您根据类的含义而不是外观来命名类，那么最终可能会得到更具描述性和组织性的css/html。不，这就是类的具体用途，用于定义在意义（语义）上具有共同点的html元素的视觉特征。除非您希望每个div都有红色文本（可能没有），或者您希望在CSS文件中维护一个可怕的id选择器列表，或者所有这些div都位于可以设置样式的容器元素中，然后继续使用类，就像其他人所说的那样，使您的类更有意义。makeRed意味着什么？

makeRed

是否应该被称为更具语义的东西，如

错误消息

？如果您根据类的含义而不是外观来命名类，那么最终可能会得到更具描述性和组织性的css/html。不，这就是类的具体用途，用于定义在意义（语义）上具有共同点的html元素的视觉特征。除非您希望每个div都有红色文本（可能没有），或者您希望在CSS文件中维护一个可怕的id选择器列表，或者所有这些div都位于可以设置样式的容器元素中，然后继续使用类，就像其他人所说的那样，使您的类更有意义。makeRed意味着什么？

makeRed

是否应该被称为更具语义的东西，如

错误消息

？如果您根据类的含义而不是外观来命名类，那么最终可能会得到更具描述性和组织性的css/html。不，这就是类的具体用途，用于定义在意义（语义）上具有共同点的html元素的视觉特征。除非您希望每个div都有红色文本（可能没有），或者您希望在CSS文件中维护一个可怕的id选择器列表，或者所有这些div都位于可以设置样式的容器元素中，否则请继续使用classe