标签为

在将 CSS :has() 选择器 发布到老的年鉴的过程中发生了一件小事。我最初将 :has() 描述为一个“宽容”的选择器，其想法是，其参数中的任何内容都会被评估，即使其中一个或多个…

BEM。就像前端开发世界中所有看似技术一样，以 BEM 格式编写 CSS 可能是两极分化的。但它至少在我的 Twitter 泡泡中是更受欢迎的 CSS 方法之一。

就我个人而言，我认为…

如果您有纪律并利用 CSS 级联提供的继承，您最终会编写更少的 CSS。但由于我们的样式通常来自各种来源，并且可能难以构建和…

在本周的综述中，prefers-contrast 在 Safari 中登陆，MathML 受到了一些关注，:is() 实际上非常宽容，更多与 ADA 相关的诉讼，CSS 背景属性的不一致初始值会导致不必要的——但有点整齐——模式…

Šime Vidas 深入浅出地介绍了这些伪选择器是什么以及为什么它们将很有用

• :is() 用于减少对逗号分隔选择器部分的重复¹。
• :where() 也是一样的，但它内部的任何内容都不会影响特异性。例如

天哪，我真幽默。

每当我们有相当重复的选择器并且它们具有共同的父级时，这可能就是我们可以使用 :is() 伪选择器的地方。

Holger Bartel 演示 了以下内容

section section h1, section article h1, section aside h1, section nav 

CSS 中的伪选择器 :is() 允许您更简洁地编写复合选择器。例如，而不是写

ul li,
ol li {}

我们可以写

:is(ul, ol) li {}