Having trouble with attribute != selector(属性有问题!=选择器)
问题描述
问题很简单,答案可能不是.
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.
这篇关于属性有问题!=选择器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:属性有问题!=选择器
基础教程推荐
- 每次设置弹出窗口的焦点 2022-01-01
- 为什么我在 Vue.js 中得到 ERR_CONNECTION_TIMED_OUT? 2022-01-01
- 如何使用 CSS 显示和隐藏 div? 2022-01-01
- 如何在特定日期之前获取消息? 2022-01-01
- jQuery File Upload - 如何识别所有文件何时上传 2022-01-01
- 如何使用sencha Touch2在单页中显示列表和其他标签 2022-01-01
- Node.js 有没有好的索引/搜索引擎? 2022-01-01
- WatchKit 支持 html 吗?有没有像 UIWebview 这样的控制器? 2022-01-01
- Javascript 在多个元素上单击事件侦听器并获取目标 2022-01-01
- 什么是不使用 jQuery 的经验技术原因? 2022-01-01
