我在几个网站中使用:not()假设与其他css3选择器一样,跨设备/浏览器支持会很好。
查看caniuse时,http://caniuse.com/#search=%3Anot()该表显示只有Safari浏览器支持此选择器
虽然w3schools说的不同 - http://www.w3schools.com/cssref/sel_not.asp
任何人都可以发光吗?在过去的几年里,我大量使用了选择器,并希望确保我能继续这样做!
答案 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-type
,nth-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)
:not()好的使用! 你看错了一个