2016-05-13 47 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

:没有()是使用! 你看着错了一个