問題描述
問題很簡單,答案可能不是.
The question is simple, the answer maybe not.
我正在嘗試將幾種樣式應用于沒有特定 ID 的所有輸入元素.我在我的 CSS 樣式表中使用了這個選擇器:input[id!='move']
但不幸的是它在 IE10 或 Chrome 中都不起作用.
I'm trying to apply several styles to all input elements without an specific id. I use this selector in my CSS stylesheet: input[id!='move']
but unfortunately it's not working either in IE10 or in Chrome.
奇怪的是,這個塊: input:not(#move)
在兩者中都能完美地工作.我迷路了,因為據我了解這些選擇器的工作原理,第一塊代碼應該可以工作.
The curious thing is that this block: input:not(#move)
works perfectly in both.
I'm lost because the first block of code is supposed to work as far as I understand how these kind of selectors work.
有什么想法嗎?
推薦答案
這是一個非標準的屬性選擇器 由 jQuery 發明.它不是 Selectors 規范的一部分,所以它不能在 jQuery 之外的任何地方工作(這個包括 document.querySelectorAll()
) 之類的東西.
That is a non-standard attribute selector invented by jQuery. It's not part of the Selectors specification, so it won't work anywhere outside of jQuery (this includes things like document.querySelectorAll()
).
嚴格來說,jQuery 的 input[id!='move']
在標準選擇器語法中的直接等價物是 input:not([id='move'])
,帶有屬性選擇器.但是由于您要匹配沒有特定 ID 的元素,所以 input:not(#move)
很好.
Strictly speaking, the direct equivalent of jQuery's input[id!='move']
in standard selector syntax is input:not([id='move'])
, with an attribute selector. But since you're looking to match elements without a specific ID, input:not(#move)
is fine.
這篇關于屬性有問題!=選擇器的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!