一些CSS元素没有显示

建立一个新的网站，并使用960网格系统，具有以下的CSS： 960_24_col 文本休息一些CSS元素没有显示

我也用我自己的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 ..它的作品（但也适用于其他h1，h2，h3等）

你们任何一个css向导都有什么想法吗？

来源

2012-11-13 Frank Morrison

听起来像在其中的CSS规则包含您的HTML标记中的顺序有问题。 – arkascha

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

一个讨厌的方式来解决这个问题是添加!important你的风格的结尾，即：

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

来源

2012-11-13 12:06:31

而不是使用！important，重新排列规则。 – Kyle

完全同意，'！重要'但是阅读这些问题，我感到重新排序可能不是一种选择。 '重要'将明确地解决他的问题。 ..我再次同意重新排序是首选。 –

不错的一个家伙，“！重要”;工作......但我明白你的意思是重新排序......这可能是更好的练习？当你说重新排序时，你的意思是首先加载哪个css文件，或者首先加载哪个css文件？再次感谢你们 –

-1

必须有一些其他的风格也为style.css中的透 H2定义在Chrome检查意味着，这种风格已经超过缠身，尝试在style.css

找到任何其他事故为h2或者，如果你想保持两者的风格定义，由于一些人为改变或者你做出尝试后，资源使用!important是你不想pective财产超过缠身要求浏览器放在首位，以这种风格，而不是别人

h2 { 
font-size: 26px !important; /*same with every other property you want to give top priority*/ 
text-transform: lowercase; 
border-bottom: 1px solid yellow; 
padding-bottom: 30px; 
margin-bottom: 15px; 
}

来源

2012-11-13 12:13:23 SajjadHashmi

是的，你是对的。在960网格中提供的text.css中有一些h2样式。我如何使我的styles.css中的h2控制text.css？ –

正如我上面提到的那样，使用'！important'将覆盖其他任何其他样式，并且您的这种样式将优先应用于元素。 – SajjadHashmi

谢谢Sajjad，至少我知道如果我绝望，我可以使用“！important”......这将帮助我解决我的问题。欢呼男人 –

一些CSS元素没有显示

回答

相关问题