如何从 CSS 选择中排除元素：CSS 中是否有“not”选择器？

CSS 不是选择器

问题：

有没有办法从列表中排除某些元素CSS选择？例如，如何选择类为“classname”的元素外部的所有输入字段？

答案：

不幸的是，目前没有内置的“ CSS 中的“not”选择器。

替代方案：

• CSS 解决方法：您可以使用嵌套选择器来优化您的选择。例如，您可以定位“input:not(.classname input)”来排除具有“classname”类的元素内的输入，而不是选择“.classname input”。
• jQuery/JavaScript : 如果您愿意使用脚本，您可以采用更动态的方法。提供的 jQuery 代码 $j(':not(.classname)>input').css({background:'red'}) 排除具有“classname”类的元素的输入，并对其余部分应用红色背景

支持状态：

请注意，较新的浏览器（例如 Chrome 和 Firefox）现在支持“:not()”选择器。这意味着您可以在 CSS 中使用语法“:not(.classname) input”来直接排除元素。然而，在某些浏览器中对“:not()”的支持仍然有限。

以上是如何从 CSS 选择中排除元素：CSS 中是否有“not”选择器？的详细内容。更多信息请关注PHP中文网其他相关文章！