一些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元素沒有顯示

回答

相關問題