問(wèn)題描述

問(wèn)題很簡(jiǎn)單，答案可能不是.

The question is simple, the answer maybe not.

我正在嘗試將幾種樣式應(yīng)用于沒有特定 ID 的所有輸入元素.我在我的 CSS 樣式表中使用了這個(gè)選擇器: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.

奇怪的是，這個(gè)塊: input:not(#move) 在兩者中都能完美地工作.我迷路了，因?yàn)閾?jù)我了解這些選擇器的工作原理，第一塊代碼應(yīng)該可以工作.

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.

有什么想法嗎?

推薦答案

這是一個(gè)非標(biāo)準(zhǔn)的屬性選擇器 由 jQuery 發(fā)明.它不是 Selectors 規(guī)范的一部分，所以它不能在 jQuery 之外的任何地方工作(這個(gè)包括 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()).

嚴(yán)格來(lái)說(shuō)，jQuery 的 input[id!='move'] 在標(biāo)準(zhǔn)選擇器語(yǔ)法中的直接等價(jià)物是 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.

這篇關(guān)于屬性有問(wèn)題！=選擇器的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！