css 如何选择不包含以前缀开头的类的元素

nxagd54h  于 2023-03-20  发布在  其他
关注(0)|答案(4)|浏览(130)

我尝试为所有不包含以“border-radius”开头的类的输入元素设置样式:

input:not(class^="border-radius") {

这样不行,还有别的办法吗?

sqxo8psd

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' />
z9zf31ra

z9zf31ra2#

请尝试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'>
nle07wnf

nle07wnf3#

您需要将选择器更新为:

input:not(.border-radius)
x3naxklr

x3naxklr4#

在javascript中尝试这个

this.el.on('click', 'ul.pagination li:not(.disabled,.active)', function ....

相关问题