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

文章标签
specificity

19 篇文章
{
,

}
文章直接链接 :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 日
文章直接链接 在 Tailwind 项目中使用 CSS 级联层管理自定义样式
级联层 特异性 tailwind

在 Tailwind 项目中使用 CSS 级联层管理自定义样式

如果一个实用程序类只做一件事情,那么你可能不希望它被来自其他地方的任何样式覆盖。一种方法是使用 !important 来确保无论……

Avatar of Ollie Williams
Ollie Williams 于 2022 年 8 月 24 日
文章直接链接 Manuel Matuzovic 的 CSS 特异性演示
特异性

Manuel Matuzovic 的 CSS 特异性演示

如果你正在寻找 CSS 特异性的入门介绍,我们有。 如果你想领先一步,你应该意识到 CSS 级联层 也是……

Avatar of Chris Coyier
Chris Coyier 于 2022 年 2 月 25 日
文章直接链接 不要与级联作斗争,控制它!
:is :where 级联 级联层 自定义属性 数据属性 特异性

不要与级联作斗争,控制它!

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

Avatar of Mads Stoumann
Mads Stoumann 于 2022 年 1 月 11 日
文章直接链接 对 Elad Shechter 关于“新的 CSS 重置”的访谈
访谈 重置 特异性

对 Elad Shechter 关于“新的 CSS 重置”的访谈

大家好!Elad 联系了我,向我展示了他的新 CSS 重置项目,名为 the-new-css-reset。它非常有趣!我认为与你分享它的一个好方法不仅是将你指向它,而是……

Avatar of Elad Shechter
Elad Shechter 于 2022 年 2 月 27 日
文章直接链接 级联层
@layer 级联 特异性

级联层

CSS 中即将出现一项新功能:@layer。……

Avatar of Chris Coyier
Chris Coyier 于 2022 年 1 月 6 日
文章直接链接 使用 :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 日
文章直接链接 DevTools 应该教授 CSS 级联吗?
级联 DevTools 特异性

DevTools 应该教授 CSS 级联吗?

Stefan Judis,在我谈论特异性时使用 (X, X, X, X) 的两三天前, 有一篇很棒的博文,不仅使用了这种格式,而且还提倡浏览器 DevTools 应该通过……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 5 月 21 日
  • 1
  • 2
  • 3
  • 更早

CSS-Tricks 由 DigitalOcean 提供支持。

及时了解 Web 开发

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

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

© 2024 . All rights reserved.