我尝试为所有不包含以“border-radius”开头的类的输入元素设置样式:
input:not(class^="border-radius") {
这样不行,还有别的办法吗?
sqxo8psd1#
检查语法
请确保类属性选择器包含在方括号中,以避免任何语法问题。注意:
input:not([class^="border-radius"]) { /* Your style here */ }
处理多个类
此外,如果您希望包含多个类,您可能需要考虑使用contains选择器*=,因为只有当第一个类属性以“border-radius”开头时,前面的方法才有效:
*=
input:not([class*="border-radius"]) { /* Your style here */ }
示例
这是一个演示开头为^=选择器的示例。
^=
一个二个一个一个这是一个演示包含*=选择器的示例。
input { margin: 10px} input:not([class*="border-radius"]) { background: yellow; }
<input class='border-radius' /> <input class='normal' /> <input class='test border-radius' /> <input class='another-normal' /> <input class='border-radius-5' />
z9zf31ra2#
请尝试input:not([class^="border-radius"])。属性选择器写在方括号[]内。
input:not([class^="border-radius"])
[]
input:not([class^="border-radius"]) { background: blue; }
<input type="text"> <input type="text" class='border-radius'> <input type="text" class='border-radius-something'>
nle07wnf3#
您需要将选择器更新为:
input:not(.border-radius)
x3naxklr4#
在javascript中尝试这个
this.el.on('click', 'ul.pagination li:not(.disabled,.active)', function ....
4条答案
按热度按时间sqxo8psd1#
检查语法
请确保类属性选择器包含在方括号中,以避免任何语法问题。注意:
处理多个类
此外,如果您希望包含多个类,您可能需要考虑使用contains选择器
*=
,因为只有当第一个类属性以“border-radius”开头时,前面的方法才有效:示例
这是一个演示开头为
^=
选择器的示例。一个二个一个一个
这是一个演示包含
*=
选择器的示例。z9zf31ra2#
请尝试
input:not([class^="border-radius"])
。属性选择器写在方括号[]
内。nle07wnf3#
您需要将选择器更新为:
x3naxklr4#
在javascript中尝试这个