文章标签

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

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

就我个人而言，我认为…

如果你有纪律并且 *利用* 层叠样式表提供的继承，你最终会编写 *更少* CSS 代码。但由于我们的样式通常来自各种来源 - 并且构建和… 可能会很痛苦。

我之前没有意识到 @supports 对确定选择器支持的程度 如此之好！我通常认为 @supports 是一种测试 property: value 对支持的方式。但使用 selector() 函数，我们可以测试选择器支持…

我不知道你怎么样，但我经常在我的 CSS 代码中写这三个声明

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

你可能会大声喊我，说我可以把它们直接放在我的 CSS 代码中…

CSS 中的 :where() 伪选择器在功能上与 :is() 伪选择器 相同，因为它接受一个逗号分隔的选择器列表进行匹配，除了 :where() 使用其中 *最具体* 的作为特异性的…

Šime Vidas 带来了关于这些伪选择器是什么以及为什么它们将很有用的信息。

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

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

ul li,
ol li {}

我们可以编写

:is(ul, ol) li {}