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

文章标签
cascade

12篇文章
{
,

}
直接链接到文章 HTML Web Components 使渐进增强和 CSS 封装更轻松!
级联 渐进增强 Web 组件

HTML Web 组件使渐进增强和 CSS 封装更轻松!

我必须感谢 Jeremy Keith 以及他去年年底发表的 极具洞察力的文章,它让我了解了 HTML Web 组件的概念。这对我来说是一个“顿悟”的时刻

当您将一些现有标记包装在

…
Avatar of Kev Bonett
Kev Bonett 于 2024 年 8 月 6 日
直接链接到文章 使用 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 级联提供的继承,您最终将编写更少的 CSS。但由于我们的样式通常来自各种来源——并且可能很难构建和……

Avatar of Mads Stoumann
Mads Stoumann 于 2022 年 1 月 11 日
直接链接到文章 级联层
@layer 级联 特异性

级联层

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

Avatar of Chris Coyier
Chris Coyier 于 2022 年 1 月 6 日
直接链接到文章 DevTools 应该教 CSS 级联吗?
级联 DevTools 特异性

DevTools 应该教 CSS 级联吗?

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

Avatar of Chris Coyier
Chris Coyier 于 2021 年 5 月 21 日
直接链接到文章 计算值:不只是表面现象
级联 计算的 DevTools 继承 值

计算值:不只是表面现象

浏览器 DevTools 对我们前端开发人员来说是必不可少的。在本文中,我们将深入了解 计算的 选项卡,DevTools 面板的一个小角落,它向我们展示了一些大事件,例如如何解析相对 CSS 值。我们将……

Avatar of Jemimah Omodior
Jemimah Omodior 于 2020 年 8 月 5 日
直接链接到文章 使用自定义属性“堆栈”驯服级联
级联 自定义属性 继承

使用自定义属性“堆栈”驯服级联

自 1994 年 CSS 诞生以来,级联和继承定义了我们如何在网络上进行设计。这两者都是强大的功能,但作为作者,我们对它们如何交互几乎没有控制权。选择器特异性和源代码顺序……

Avatar of Miriam Suzanne
Miriam Suzanne 于 2022 年 5 月 23 日
直接链接到文章 HTML 中 CSS 类别的顺序无关紧要
级联 特异性

HTML 中 CSS 类别的顺序无关紧要

没错!我还可以证明这一点。让我们先看一些 CSS

.a {
  color: red;
}

.b {
  color: blue;
}

现在让我们看一些标记

<div class="a b">Here’s some text</div>

文本正在……

Avatar of Robin Rendle
Robin Rendle 于 2019 年 12 月 17 日
直接链接到文章 CSS 中的“C”:级联
级联 CSS 基础知识

CSS 中的“C”:级联

接着 Geoff 关于 CSS 中的第二个“S” 的介绍性文章,让我们现在将注意力转向 CSS 中的“C”——我们称之为级联。事情开始变得混乱,甚至令人困惑……

Avatar of Thomas Yip
Thomas Yip 于 2018 年 11 月 15 日
  • 1
  • 2
  • 较旧的

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

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

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们写文章!
  • 与我们做广告
  • 联系我们
社交
  • RSS 提要
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.