html - 某些 CSS 元素未显示

Question

新建网站，使用960网格系统，css如下: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 中的元素时，一些 h2 元素在我的 style.css 中被划掉(穿过它)...当我复制上面的代码说 text.css ..它有效(但也适用于其他 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;
}