CSS覆盖的最佳方式？

您能提供最好的覆盖方式吗？这有什么好处。比如说

1。示例：

.ex1{
  font-size: 12px;
  color: green;
  text-align: left;
}

.custom .ex1{
  font-size: 14px;
}

2。示例

.custom .ex1{
  font-size: 14px;
}
.ex1{
  font-size: 12px;
  color: green;
  text-align: left;
}

---

哪一种是覆盖的最佳方式，示例1或示例2。有什么好处吗

假设您有这样的代码-

.main类{
字体大小：24px；
颜色：红色；
}

---

你好吗？

实际上没有太大区别，因为编译css对于当今的机器来说非常容易。但据我所知，如果您将其用作示例1，它将不会查看.custom.ex1，因为.ex1已经被定义

---

但正如我所说，这并不重要。这就像去警察局，因为有人在css上拿走了你的一点点糖。你定义的元素越多，它的css识别能力就越强。例如，在你给出的例子中，它不是命令。它是

.custom

类，它更具体地定义了

.ex1

，因为在这种情况下，顺序不会改变任何东西，所以您可以同时执行这两个操作。但就我个人而言，我喜欢从一般的课程开始，继续具体的课程。我不知道，但感觉更自然。因此，我将使用以下方法。然而，正如我所说，在这种情况下没有功能上的区别

.ex1{
  font-size: 12px;
  color: green;
  text-align: left;
}

.custom .ex1{
  font-size: 14px;
}

---

您可能需要包含一些HTML来显示如何使用它们以及哪些内容覆盖了哪些内容。这个特殊的外壳是

ex1

类在

定制的
类容器中吗？据我所知，示例2更好。您应该首先定义所有常用样式，然后使它们具体化。两种样式的输出相同。。。但是我需要知道哪一种是最好的声明方式。对于这个问题，没有一个单一的正确答案，这是一个意见问题。由于
.custom.ex1
具有更大的特殊性，因此它将始终被应用，因此没有区别，除了可读性，这可能表明第一种更好。op的帖子结构不同