跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
:where

8 篇文章
{
,

}
文章的直接链接 :has 是一个不宽容的选择器
:has :is :where 特异性

:has 是一个不宽容的选择器

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

Avatar of Geoff Graham
Geoff Graham 于 2023 年 1 月 11 日
文章的直接链接 使用 BEM 和现代 CSS 选择器驯服层叠样式表
:has :is :where bem 层叠样式表 特异性

使用 BEM 和现代 CSS 选择器驯服层叠样式表

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

就我个人而言,我认为…

Avatar of Liam Johnston
Liam Johnston 于 2023 年 1 月 17 日
文章的直接链接 不要与层叠样式表作斗争,控制它!
:is :where 层叠样式表 层叠样式表层 自定义属性 数据属性 特异性

不要与层叠样式表作斗争,控制它!

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

Avatar of Mads Stoumann
Mads Stoumann 于 2022 年 1 月 11 日
文章的直接链接 @supports selector()
:where @supports 跨浏览器 选择器

@supports selector()

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

Avatar of Chris Coyier
Chris Coyier 于 2021 年 10 月 19 日
文章的直接链接 使用 :where() 的特异性作为 CSS 重置
:where 特异性

使用 :where() 的特异性作为 CSS 重置

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

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

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

Avatar of Mojtaba Seyedi
Mojtaba Seyedi 于 2021 年 7 月 12 日
文章的直接链接 :where
:where

:where

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

Avatar of Chris Coyier
Chris Coyier 于 2021 年 7 月 14 日
文章的直接链接 CSS :is() 和 :where() 即将登陆浏览器
:is :where 伪类

CSS :is() 和 :where() 即将登陆浏览器

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

  • :is() 用于减少逗号分隔选择器部分的重复¹。
  • :where() 也是一样,但它内部的任何内容都不会影响特异性。例如,
…
Avatar of Chris Coyier
Chris Coyier 于 2020 年 6 月 10 日
文章的直接链接 :is
:is :where

:is

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

ul li,
ol li {}

我们可以编写

:is(ul, ol) li {}
…
Avatar of Geoff Graham
Geoff Graham 于 2022 年 12 月 2 日

CSS-Tricks 由 DigitalOcean 提供支持。

了解最新的网页开发技术

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告!
  • 联系我们
社交媒体
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.