css - 选择所有伪元素和类

Question

有一堆伪元素和类:

Pseudo Elements :

::after, ::before, ::first-letter, ::first-line, ::selection, ::backdrop

Pseudo Classes :

:active, :checked, :default, :dir(), :disabled, :empty, :enabled, :first, :first-child, :first-of-type, :fullscreen, :focus, :hover, :indeterminate, :in-range, :invalid, :lang(), :last-child, :last-of-type, :left, :link, :not(), :nth-child(), :nth-last-child(), :nth-last-of-type(), :nth-of-type(), :only-child, :only-of-type, :optional, :out-of-range, :read-only, :read-write, :required, :right, :root, :scope, :target, :valid, :visited

还有其他类似::-webkit-input-placeholder、::-moz-placeholder 等。我不知道它们是什么元素。但我认为它们是伪元素，因为它有双冒号。

有一个星号选择器 * 来选择 DOM-Tree 中的所有元素.

现在，我很想知道为什么即使在 css3 或 css4 中也没有单一的选择器来选择 DOM 树之外的所有伪元素和伪类？

*pseudo{
  color: red;
}

Answer 1

* 选择任何元素，无论其性质或状态如何。这样，它已经覆盖了所有的伪类，只​​是零特异性。

例如，* 将匹配任何元素，无论它是 :first-child、:last-child 还是两者都是 (它本身可以使用 :only-child 或 :first-child:last-child 来表示)。它还将匹配任何链接，无论它是未访问的 (:link) 还是已访问的 (:visited)，以及是否匹配 :hover 中的一个或多个/:active/:focus.

如果您正在寻找一种方法来使用给定元素的伪类覆盖任何和所有 CSS 规则(这在动态伪类的情况下很有用，例如链接类)，唯一的方法是使用 ID 选择器、内联样式属性或 !important。

* 不匹配伪元素，因为它是 simple selector , 而一个简单的选择器只匹配实际的元素。请参阅我对 this question 的回答以获得详细的解释。

没有匹配所有伪元素的选择器的可能原因是拥有一个没有意义，因为不同的伪元素工作方式不同，并且对于可以应用哪些 CSS 属性有不同的限制给他们。例如，content 和 display 不适用于 ::first-letter，::first-line或 ::selection。但是通用选择器的存在是因为元素本身并没有定义适用的 CSS 属性(无论如何 not usually)；就 CSS 而言，每个元素或多或少是相等的。