新建网站,使用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 向导有什么想法吗?
最佳答案
CSS 文件按顺序读取。因此,如果加载一个在 h1
上设置样式的文件,并且加载另一个也在 h1
上设置样式的文件,则第二个文件将覆盖第一个。
解决这个问题的一个糟糕方法是将 !important
添加到样式的末尾,即:
h2 {
font-size: 26px;
text-transform: lowercase;
border-bottom: 1px solid yellow !important;
padding-bottom: 30px;
margin-bottom: 15px;
}
关于html - 某些 CSS 元素未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13360425/