我想對所有內容應用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>
我想對所有內容應用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>
嘗試這樣的:
:not(div){
color: red;
}
doens't work http://jsfiddle.net/ubea4tv7/1/ – 2014-08-28 09:12:30
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_not – 2014-08-28 09:16:10
':not(div)'將匹配body元素。然後,div元素從中繼承紅色。 – Alohci 2014-08-28 09:17:08
嘗試這樣的:
*{
color: red;
}
div{
color: blue;
}
這個解決方案的問題在於,它不允許使用缺省或繼承的顏色(':not')來保留'div'。 – 2014-08-28 09:21:46
要選擇不同的div元素的一切你可以這樣寫:
:not(div) {
color: red;
}
注意:雖然此規則正確選擇了除div之外的所有元素,但它不會阻止的div從其父級繼承紅色,這是默認行爲。
如果你有' ...
爲什麼不應用一個類你不想爲紅色的東西和風格,覆蓋呢? – Pete 2014-08-28 09:05:50