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

文章标签
pseudo classes

5篇文章
{
,

}
指向文章 Chromium 拼写和语法功能的直接链接
伪类

Chromium 拼写和语法功能

Delan Azabani 深入探讨 CSS 中即将到来的(希望如此)::spelling-error 和 ::grammar-error 伪选择器。设计控制始终很不错。嘿,如果我们可以样式化滚动条 以及 样式化选定文本,为什么不这样做呢?

表示可能的拼写或语法错误的波浪线

…
Avatar of Chris Coyier
Chris Coyier 于 2021年12月28日 发布
指向文章 :nth-child 在两个固定索引之间的直接链接
nth-child 伪类

:nth-child 在两个固定索引之间

前几天我需要选择两个固定索引之间的某些元素——就像第二个到第五个元素。具有讽刺意味的是,我有一篇关于“有用的 :nth-child 食谱” 的文章,但这并非其中之一。

答案是,它…

Avatar of Chris Coyier
Chris Coyier 于 2021年6月29日 发布
指向文章 Chrome 中的自定义状态伪类 的直接链接
chrome 伪类

Chrome 中的自定义状态伪类

Web 平台上越来越多的“自定义”功能。我们有自定义属性 (--my-property)、自定义元素 (<my-element>) 和自定义事件 (new CustomEvent('myEvent'))。在某个时候,我们甚至可能会获得自定义媒体…

Avatar of Šime Vidas
Šime Vidas 于 2021年5月6日 发布
指向文章 CSS :is() 和 :where() 将进入浏览器 的直接链接
:is :where 伪类

CSS :is() 和 :where() 将进入浏览器

Šime Vidas 解释了这些伪选择器是什么以及为什么它们将很有用

  • :is() 用于减少逗号分隔选择器部分的重复¹。
  • :where() 与之相同,但内部的内容不会影响特异性。例如
…
Avatar of Chris Coyier
Chris Coyier 于 2020年6月10日 发布
指向文章 了解伪类选择器 的直接链接
伪类 选择器

了解伪类选择器

伪类选择器是 CSS 选择器,前面有一个冒号。您可能对其中的一些非常熟悉。例如 hover

a:hover {
  /* Yep, hover is a pseudo class */
}

它们在…中非常有用

Avatar of Chris Coyier
Chris Coyier 于 2022年2月4日 发布

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.