在属性!=选择器时遇到问题

时间:2013-07-28 02:40:51

标签: html css css3 css-selectors

问题很简单,答案可能不是。

我正在尝试将几种样式应用于没有特定ID的所有输入元素。我在CSS样式表中使用了这个选择器:input[id!='move']但遗憾的是它在IE10或Chrome中都无效。

奇怪的是,这个块:input:not(#move)在两者中都很完美。 我迷失了,因为我理解这些选择器是如何工作的,第一块代码应该可以工作。

有什么想法吗?

1 个答案:

答案 0 :(得分:6)

这是一个非标准的属性选择器invented by jQuery。它不是Selectors specification的一部分,所以它不能在jQuery之外的任何地方工作(这包括像document.querySelectorAll()这样的东西。)

严格地说,标准选择器语法中jQuery的input[id!='move']的直接等价物是input:not([id='move']),带有属性选择器。但是,由于您希望匹配没有特定ID的元素,input:not(#move)就可以了。