组合选择器 "AB" 如何工作?其中 "A" 和 "B" 是任何选择器?

How does combination selector "AB" works? where "A" and "B" is any selector?

我一直在使用 MDN 学习 "combination selector"。这意味着通过将 A 和 B 放在一起(其中 A 和 B 可以是任何 selector),它 select 任何元素同时匹配 A 和 B。

有人可以解释一下它是如何工作的吗?

我了解其他组合 select 或 "A B"、"A > B"、"A + B" 和 "A ~ B" 的工作原理,但我了解 [=28] 的工作原理=] 有效。

它只是意味着一个元素需要同时具有两个 class 元素才能匹配。例如

<div class="A B">

这将被规则选中

.A.B { //rules }

元素中的 class 名称必须用 space 分隔,但 CSS 选择器不会在 class 之间有 space名字。那将是您 table 示例中的第二种情况,并且是另一种情况。

你把任意两个选择器写在一起,中间没有任何东西。

例如,设 A<a> 元素的类型选择器,B:focus pseudo-class 选择器。

a:focus