是否可以使用CSS3选择器:not()

时间:2016-05-13 13:06:45

标签: css css3 css-selectors

我在几个网站中使用:not()假设与其他css3选择器一样,跨设备/浏览器支持会很好。

查看caniuse时,http://caniuse.com/#search=%3Anot()该表显示只有Safari浏览器支持此选择器

虽然w3schools说的不同 - http://www.w3schools.com/cssref/sel_not.asp

任何人都可以发光吗?在过去的几年里,我大量使用了选择器,并希望确保我能继续这样做!

3 个答案:

答案 0 :(得分:3)

由于您进行了搜索,因此您会看到3个符合您查询的结果。第一个结果是selector list argument of :not(),我认为,这是你正在看的。显然,这不是您正在寻找的css selector

所以是的,您可以安全地继续使用:not()。这是css选择器的正确canIuse link

答案 1 :(得分:3)

野生动物园只会说

  

选择器级别4允许:not()伪类接受列表   选择器,元素不能与任何元素匹配。选择者等级3   只允许:not()接受一个简单的选择器。从而,   :not(a):not(.b):not([c])可以改写为:not(a, .b, [c])

这意味着此表单:not(a, .b, [c])可用于反对此表单:not(a):not(.b):not([c]),但仅限于在safari中使用

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(),以及所有主要和更新的浏览器。

希望能够解决它。

答案 2 :(得分:1)

click

:not()好的使用! 你看错了一个