大！重要！麻煩

我還是不明白，哪一種顏色會出現段落「test1」，爲什麼？大！重要！麻煩

<style> 
    p { 
    color: red; 
    font-style: italic; 
    } 
</style> 

<div style="color: green;!important"> 
    <p style="color: blue;">test1</p> 
    <p>test2</p> 
</div>

來源

2012-06-12 user1337432

重要性不會級聯。

即使父元素（<div>）具有!important屬性（請注意，由於語法錯誤，它實際上沒有），它仍將被應用於子元素的任何屬性覆蓋。

!important只能覆蓋應用於相同元素的其他規則。

因此，第一個<p>將是藍色的，因爲沒有什麼可以重寫它的內聯樣式。

來源

2012-06-12 18:19:33 SLaks

+1關於「重要」不級聯。 –

謝謝，不知道！重要的不是級聯。 – user1337432

它會是藍色的，因爲它有一個使它變藍的style屬性。 div表示綠色，但在分號後面有!important標誌。但即使你有一個空格而不是分號，style屬性也會覆蓋它。它將是藍色的。

來源

2012-06-12 18:18:34

不，它不會改變任何東西 - http://jsfiddle.net/V7myQ/ –

哪個顏色會出現段落「test1」，爲什麼？

藍色。即使你的錯字，它仍然是藍色的。 color: green !important樣式僅適用於div中的文字。因此內聯風格的color: blue;是最具有特定。

查看this fiddle的區別。

我鼓勵你瞭解how CSS specificity works。

來源

2012-06-12 18:18:36

謝謝你的回覆。 – user1337432

大！重要！麻煩

回答

相關問題