逻辑选择器原理如何浅析？

本文共计5553个文字，预计阅读时间需要23分钟。

在CSS选择器家族中，新增了一类比较新的选择器：逻辑选择器。目前共有4个成员：:is、:where、:not、:has。本文将带大家了解这些选择器的原理、深入它们的功能。做到学以致用，写出更现代化的选择器。

在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：

• :is
• :where
• :not
• :has

本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。

---

:is 伪类选择器

:is() CSS伪类函数将选择器列表作为参数，并选择该列表中任意一个选择器可以选择的元素。