CSS选择器.class-xyz：not（.class-xyz）是否匹配？

Question

通过选择器提供任何CSS，例如：

.class-xyz:not(.class-xyz) {
  ...
}

是否有可能匹配任何元素？

如何使用::after，::placeholder等来扩充它？

我的目的是简化一堆巨大的CSS工作表，并使用许多这样的选择器。

Answer 1

该选择器将不匹配任何元素，而与命名空间无关（因为即使存在命名空间，外部.class-xyz仍代表默认的命名空间，否定内部的那个总是与外部选择器认为相同的命名空间。

由于选择器将不匹配任何元素，因此将不会匹配任何伪元素。要应用伪元素，首先需要匹配元素。

[如果您希望隐藏CSS规则而不直接删除规则或篡改选择器的原始部分，则使用否定伪类的更短方法是:not(*)（或者，如果正在使用名称空间声明:not(*|*)）。在3和4规范中明确给出了该用例。

但是到目前为止，隐藏CSS规则的最短和最清晰方法是将其注释掉。