2014-08-28 58 views
1

我想對所有內容應用css規則(* { color: red; })。將css規則應用於除一個標記之外的所有內容

但是,我該如何做到這一點,而不需要Javascript或將類應用到我希望它應用到的所有東西?

喜歡的東西:

*:not-type(div) { 
    color: red; 
} 

而且該文件將是:

<span>this is red</span> 
<span>this is red</span> 
<div>this is not red</div> 
+5

爲什麼不應用一個類你不想爲紅色的東西和風格,覆蓋呢? – Pete 2014-08-28 09:05:50

回答

0

嘗試這樣的:

:not(div){ 
     color: red; 
    } 
+0

doens't work http://jsfiddle.net/ubea4tv7/1/ – 2014-08-28 09:12:30

+0

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_not – 2014-08-28 09:16:10

+1

':not(div)'將匹配body元素。然後,div元素從中繼承紅色。 – Alohci 2014-08-28 09:17:08

3

嘗試這樣的:

*{ 
color: red; 
} 

div{ 
color: blue; 
} 
+1

這個解決方案的問題在於,它不允許使用缺省或繼承的顏色(':not')來保留'div'。 – 2014-08-28 09:21:46

2

要選擇不同的div元素的一切你可以這樣寫:

:not(div) { 
    color: red; 
} 

注意:雖然此規則正確選擇了除div之外的所有元素,但它不會阻止的div從其父級繼承紅色,這是默認行爲。

+0

如果你有'

...

...

'?排除body元素僅適用於非常簡單的文檔。 – Quentin 2014-08-28 09:18:16

相關問題