Question

请您提供最好的覆盖方式，以及它的优点。例如。

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.如果有任何优势？

Answer 1

实际上并没有什么区别，因为编译css对于今天的机器来说真的很容易。但是根据我所知道的，如果你将它用作示例1，它就不会查看.custom .ex1，因为已经定义了.ex1。

但正如我所说，这并不重要。它就像去警察局，因为有人拿走了你的糖粉。

Answer 2

在css上你更多地定义了一个更强大的元素css decleration，例如在你给它的exapmle中，不是命令赋予覆盖。它是.custom类，它更具体地定义.ex1，因为在这种情况下，顺序不会改变任何内容，您可以同时执行这两项操作。但就我个人而言，我喜欢从一般课程开始，并继续具体细节。我不知道，但感觉更自然。因此我会使用以下。但正如我所说，在这种情况下没有功能差异。

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

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

Answer 3

假设你有这样的代码 -

＆＃13;

.main-class{
      font-size:24px;
      color:red;
  }

＆＃13;

<p class="main-class">Hi How are you?</p>

＆＃13;

覆盖此CSS的最佳方法是使用sub class，它将覆盖父类的某些属性，如下所示 -

＆＃13;

.main-class{
      font-size:24px;
      color:red;
  }
.sub-class{
    font-size:14px;
 }

＆＃13;

<p class="main-class sub-class">Hi How are you?</p>

＆＃13;

CSS覆盖的最佳方式？

3 个答案: