Question

我正在使用无序列表创建导航栏。我想覆盖我的第一个风格，所以它看起来不同。我尝试改变它的类，但实际的样式覆盖了它。感谢

Answer 1

在样式声明中，使用!important，如下所示：

.myFirstOne {
    color: blue !important; /* for example */
}

确保将!important放在最后。有没有办法可以将属性从style属性中分解为一个类？这将是一种更干净，更乏味的做法，因为!important必须在每次宣言之后出现。

有关CSS级联规则的详细信息，请参阅this link。

Answer 2

CSS对订单敏感。

如果为第一个元素定义样式，然后定义所有元素的样式，那么所有元素的样式都将优先，即使对于第一个元素也是如此。

或者，如果首先定义所有元素的样式，然后定义第一个元素的样式，那么当浏览器到处找出时，第一个元素的样式将优先于所有元素的样式。如何渲染第一个元素。

Answer 3

我不赞成使用!important我宁愿在第一个元素上放一个类，并将其设置为样式：

<!-- html -->
<ul>
  <li class="first">first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>


/* css */
ul li {
  color: blue;
}

ul li.first {
  color: red;
}

覆盖CSS布局

3 个答案: