Question

使用以下css构建新网站并使用960网格系统： 960_24_col 文本其余

我也在使用自己的style.css。

所以，我正在尝试将以下css应用于我的标题2（h2）

h2 {
font-size: 26px;
text-transform: lowercase;
border-bottom: 1px solid yellow;
padding-bottom: 30px;
margin-bottom: 15px;
}

但似乎并不适用。当我检查Chrome中的元素时，我的style.css中有一些h2元素被划掉（穿过它）......当我复制上面的代码时，说text.css ..its有效（但也适用于其他h1，h2，h3等）

你们中的任何一位css巫师都有任何想法吗？

Answer 1

按顺序读取CSS文件。因此，如果加载了一个在h1上设置样式的文件，并且加载了另一个也在h1上设置样式的文件，则第二个文件将取代第一个。

一种令人讨厌的方法是将!important添加到你的风格的最后，即：

h2 {
    font-size: 26px;
    text-transform: lowercase;
    border-bottom: 1px solid yellow !important;
    padding-bottom: 30px;
    margin-bottom: 15px;
}

Answer 2

在style.css中还必须为h2定义一些其他样式。chrome检查器中的删除表示此样式已被覆盖，请尝试查找{{1}的任何其他事件} h2

或者，如果您想要保留两种样式定义，因为您进行了一些有意的更改，请尝试在您不希望被覆盖的相应属性之后使用style.css来请求浏览器优先考虑风格而不是其他风格

!important

某些CSS元素未显示

2 个答案: