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

文章标签
parent selectors

5 篇文章
{
,

}
直接链接到文章 了解 `:has`,一个原生的 CSS 父选择器
:has 父选择器

了解 `:has`,一个原生的 CSS 父选择器

经常被引用为使容器查询变得困难或不可能的原因是诸如无限循环之类的因素,例如更改元素的宽度,使容器查询失效,这又会再次更改宽度,从而使容器查询生效,……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 7 月 12 日
直接链接到文章 我可以 :has() 吗?
:has 父选择器

我可以 :has() 吗?

我刚开玩笑说 我们在 CSS 中基本上可以以超快的速度获得我们想要的一切(主要指的是 容器查询,天哪,你能想象它们真的要来了吗?)。现在我们 可能真的会得到父选择器?! 就如同 ` .parent:has(.child) { ` ……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 6 月 4 日
直接链接到文章 父选择器的用例
父选择器 选择器

父选择器的用例

在 CSS 中拥有一个“父选择器”经常被提及,认为是 CSS 真正需要的。我感觉自己也思考过这个问题很多次,但当我要求我的大脑提供一个用例时,我发现它……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 3 月 5 日
直接链接到文章 `:focus-within` 伪类
:focus-within 父选择器

The `:focus-within` 伪类

Ian Devlin 的精彩发现

当元素本身获得焦点或其任何后代获得焦点时,:focus-within 伪类将处于活动状态。

根据子元素选择父元素是期待已久的。它的王冠上的明珠……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 5 月 12 日
直接链接到文章 在 Sass 中缓存当前选择器 (&)
bem 父选择器 scss

在 Sass 中缓存当前选择器 (&)

Sass 中的 & 字符是独一无二的,因为它代表当前选择器。它在嵌套时会发生变化。假设您嵌套了,但想要访问嵌套上一级的选择器。诀窍是……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 2 月 14 日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.