我很難弄清楚為什么以下代碼在Safari中顯示為藍色，而在Chrome和Firefox中顯示為紅色。em:not(div) { color: red}em:not(p div) { color: blue}<p> <em>FOO</em></p> 運行代碼段https://jsfiddle.net/hzcLpf9L/顯然，Chrome和Firefox不支持:not()其中具有多個級別的CSS選擇器。（可能的錯誤？）我非常喜歡:not()選擇器，并且使用Safari開發(fā)，因此當我在Chrome上找到我的網(wǎng)站時，我?guī)缀跣呐K病發(fā)作了。對于為什么會發(fā)生這種奇怪行為的任何解釋將不勝感激。
3 回答
隔江千里
TA貢獻1906條經(jīng)驗 獲得超10個贊
Safari最近發(fā)布了的4級版本:not()，該版本允許使用復(fù)雜的參數(shù)選擇器，使其與jQuery迄今為止的非標準實現(xiàn)相當。請參閱發(fā)行說明。在目前的化身:not()只允許一個參數(shù)一個簡單的選擇，這樣一個復(fù)雜的選擇一樣p div不會在今天的瀏覽器的設(shè)計工作。
復(fù)雜選擇器是由一個或多個復(fù)合選擇器組成的表達式，這些選擇器由諸如后代>，~和的組合符分隔+。復(fù)合選擇器是一個或多個簡單選擇器的序列。div是一個由一個簡單選擇p div器組成的復(fù)合選擇器，并且是一個由兩個復(fù)合選擇器組成的復(fù)雜選擇器（每個復(fù)合選擇器由一個簡單選擇器組成），由后代組合器分隔。
目前尚不知道何時將其引入其他瀏覽器，盡管目前尚不太可能:not()更改的新規(guī)范-當前的4級定義不費吹灰之力，并且如果原始WebKit菌株足夠大膽地實現(xiàn)它，那么進入其他菌株（包括Blink）實際上只是時間問題。
自FPWD進行了將近5年的苦苦等待之后，我們實際上可能很快就會真正看到選擇器4的CR?？紤]我抽。
搖曳的薔薇
TA貢獻1793條經(jīng)驗 獲得超6個贊
因此，從最新的Boostrap滑過的以下表達式已損壞：.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { ...styles here... }
添加回答
舉報
0/150
提交
取消