Question

我一直在使用MDN学习“组合选择器”。这意味着通过将A和B放在一起（其中A和B可以是任何选择器），它选择同时匹配A和B的任何元素。

有人可以解释一下它是如何运作的吗？

我理解其他组合选择器，即“A B”，“A＆gt; B”，“A + B”和“A~B”是如何工作的，但是堆叠在“AB”的工作方式上。

Answer 1

它只是意味着一个元素需要匹配两个类。例如

<div class="A B">

这将由规则

选择

.A.B { //rules }

元素中的类名必须用空格分隔，但CSS选择器的类名之间不能有空格。这将是您的表示例中的第二种情况，以及不同的情况。

Answer 2

你选择任意两个选择器，然后将它们一起编写，它们之间没有任何东西。

例如，让 A 成为<a>元素的类型选择器， B 成为:focus伪类选择器。

a:focus