2016-05-13 90 views
-1

我已經使用:not()在幾個網站中假設與其他css3選擇器一樣,跨設備/瀏覽器支持將會很好。可以使用CSS3選擇器:not()

當看好caniuse - http://caniuse.com/#search=%3Anot()表表明,只有Safari瀏覽器上支持這一選擇

而W3Schools的說不同 - http://www.w3schools.com/cssref/sel_not.asp

誰能閃耀任何光線OM呢?我在過去幾年中大量使用了選擇器,並希望確保我應該繼續這樣做!

+2

http:// caniuse。com /#feat = css-sel3你的意思是這個 –

+0

它對第一個結果說:「選擇器級別4允許:not()僞類**接受選擇器列表**,元素不能匹配任何(*)選擇器僅允許級別3:not()接受一個簡單的選擇器。 a,.b,[c])「 – Vucko

回答

3

的一個是Safari瀏覽器只是說

選擇器4級允許:not()僞類接受 選擇,該元素不能匹配任何的列表。選擇器級別3 只允許:not()接受一個簡單的選擇器。因此, :not(a):not(.b):not([c])可以代替寫成:not(a, .b, [c])

這意味着這種形式可以用於:not(a, .b, [c])反對這種形式:not(a):not(.b):not([c])但僅限於野生動物園

http://caniuse.com/#feat=css-sel3利用告訴我們

高級元素選擇選擇器包括:[foo^="bar"], [foo$="bar"],[foo*="bar"],:root,:nth-child():nth-last-child()nth-of-typenth-last-of-type():last-child:first-of-type, :last-of-type:only-child:only-of-type:empty:target:enabled:disabled:checked:not()~(一般兄弟姐妹)

這意味着我們可以使用所有這些選擇器,包括任何瀏覽器中的:not(),以及所有主要和更新的瀏覽器。

希望清除它。

3

由於您執行了搜索,因此您會看到與您的查詢匹配的3個結果。第一個結果是selector list argument of :not(),我猜想,你正在看。很顯然,這不是你要找的css selector

所以是的,你可以安全地繼續使用:not()。這是用於css選擇器的正確的canIuse link

+1

另請參閱:[:不選擇Safari和Chrome/Firefox之間的行爲不一樣](http://stackoverflow.com/questions/35993727/not-selector-not-behaving- Safari瀏覽器和Chrome瀏覽器相同) – BoltClock

+0

@BoltClock有趣,謝謝! – Chris

1

click

:沒有()是使用! 你看着錯了一個