在没有“Not”的情况下导航CSS选择器：外部输入字段选择

在CSS中，“not”选择器是一个受欢迎的功能这将允许用户从匹配条件中排除特定元素。目前，除非使用 JavaScript/jQuery，否则此功能在浏览器中不可用。

例如，要选择类为“classname”的元素中的所有输入字段，CSS 代码将为：

.classname input {
  background: red;
}

为了解决这个问题，合乎逻辑的下一步是排除“classname”元素中的输入字段。然而，由于缺少“not”选择器，如果没有替代方法，这是不可能的。

这样的替代方案是 JavaScript/jQuery，如以下代码所示：

$j(':not(.classname) > input').css({background: 'red'});

此代码选择所有不属于“classname”类元素后代的输入字段。它有效地实现了将红色背景应用于“classname”元素之外的所有输入字段的预期结果。

尽管 CSS 缺少“not”选择器，但 JavaScript/jQuery 的可用性为这一限制提供了解决方案，允许根据特定标准精确选择和修改元素。