2013-02-25 97 views
1

我有一個元素,在我的css屬性顏色的風格兩次。更具體的選擇器給出顏色:紅色,其他顏色:黑色。在實際顯示的結果中顯示黑色。鉻css級聯

當我檢查元素並查看一個計算的樣式時,我發現提供黑色的線會被移出並且紅色不會被移出。然而,在那裏,雖然相應的線被衝出,但結果顏色被顯示爲黑色事件。

當我使用!重要它仍然看起來完全一樣。任何人都有一個想法,爲什麼這可能是?

+2

CSS的優先級,你可以張貼在http://jsfiddle.net/一個簡單的測試案例? – Blender 2013-02-25 04:51:34

+0

也許它顯示父元素的顏色? – Rayshawn 2013-02-25 04:55:34

+0

問題是我不能用一個小例子重現問題。 – hansi 2013-02-25 05:03:13

回答

-1

CSS是級聯樣式表,因此它應用了元素的最後一個代碼。

<p>TEST</p> 
p{color:red;!important} 
p{color:blue;} 

所以p元素的顏色將是藍色。這是css的正常行爲。

但CSS在不同的選擇器上給予優先權。

你的問題的現場原型:http://jsfiddle.net/2YMD3/2/

您可以檢查here

+0

不知道這個錯位的!!重要是故意的。這個答案是一團糟,我無法連接任何點。 – BoltClock 2013-02-25 07:22:34