好地理解我们将创建的高级选择器是如何工作的我们将快速回顾最相关的组合器和伪类。 合器”是个特殊字符表示选择器部分之间的关​​系类型。以下是需要了解的核心组合器空格字符后代组合子匹配直接或嵌套的孩子直接子组合器只匹配顶级的、未嵌套的子项相邻的兄弟组合器只匹配紧邻的下个兄弟通用兄弟组合器匹配基本选择器后面的一个或多个兄弟。 创建复杂选择器的第一是将伪类附加到一个或多个部分。“伪类”定义了元素的特殊状态，例如:hover，并且具有单个冒号后跟名称的格式。伪类:has()被认为是函数式的，因为它接受一个参数。具体来说，它接受一个选择器列表，无论它们是简单的还是复杂的带有组合器 + p。

然而是四个功能伪类

他伪类是:他们每个人都接受带有些其他独特功能的选择器列表。 如果您已经使用过:is()and :where()，很可能是为了管理特异性。使用:is()意味着列表中具有最高特异性 乌干达手机号码列表 的选择器赋予整个选择器其权重。使整个选择器列表具有零特异性，使其很容易被级联中的后续规则否决。 此外，:is()还:where()具有宽容选择器的额外特殊能力。这意味着您可以（有意或无意地）包含浏览器不理解的选择器，并且它仍然会处理它理解的部分。如果没有这种宽容行为，浏览器将丢弃整个规则。的另一个好处是可以创建简洁、复杂的选择器。这在使用组合器并影响多个兄弟姐妹或后代时特别方便，例如article :i 我们最后一个伪类，中使用时间最长。

然而与发布时的 起当

许接受选择器列表而不是单个选择器时，就会发生这种情况。它还具有与 相同的特异性行为:is。 最后，我们需要了解 , 的一个未被充分利用的、非常强大的特性:is()，我们 B2B 潜在客户 将使用它来制作我们的高级:where()选择器。使用这些选择器中的字符——通常在 中是“通用选择器”——实际上指的是选择器目标。这允许检查选择器目标的前面的兄弟或祖先。因此，在 中，我们选择不直接跟在. 在 中，我们只选择直接跟在 之后的段落。接下来，我们将在第一个演示中使用此行为。为了演示这一点，我们将创建一个元素列表。我们想要的行为是，当列表项悬停时，它会放大，并且它前后的元素也会稍微放大。其余的非悬停列表项应按比例缩小。除了悬停的列表项之外，所有列表项的不透明度也应该降低。