文章存档 - 第 393 页，共 475 页 - CSS-Tricks

`:nth-child` 和 `:nth-of-type` 之间的区别

这些是不同的伪类选择器，它们的功能略有不同。在我看来，`:nth-child` 更常见，但`:nth-of-type` 更实用。

2021年11月12日

在包含文本列的元素上使用几个浮动伪元素，我们可以在中间敲出一个部分，使其看起来像文本在两个方向上环绕图像。

2011年8月20日

使用 JavaScript 触发声音（HTML5 音频元素）的播放。这里介绍了几种方法，以及一些需要注意的陷阱。

2011年4月11日

一个针对 CSS 极客的趣味思考练习！如果所有元素都默认使用相对定位会怎样？需要考虑哪些优点、缺点和注意事项……

2011年4月5日

突出显示文本，在下方显示实际图像！虽然无法使用文本选择伪类来实现，但可以通过一个开源 JavaScript 库将选定的文本包装在 `` 中，并向其添加背景图像来实现。

2015年5月26日

读者 Jason Lucchesi 向我发送了一个整洁的图像字幕演示，这些字幕在悬停时滑到图像顶部。该效果使用了很多嵌套的 `

` 来实现，所以我认为我会用我自己的方式……

2011年8月18日

CSS Pivot 允许您将自己的 CSS 应用于某个站点，然后分享结果（您将获得一个唯一的 URL，该 URL 会在顶部栏/iframe 中打开该站点）。非常巧妙的东西。如果你看到一个调整……

2011年3月27日

悬停状态很容易实现，但如果要将悬停状态应用于除悬停元素之外的所有元素会怎样？我们可以用一个小技巧来实现。

2012年8月14日

在 2011 年 SXSW CSS3：超越基础研讨会上，我从 Estelle 那里学到的另一件小事是，您可以在 WebKit 动画声明中用逗号分隔关键帧值。假设您想创建一个脉冲效果作为……

2012年8月20日