相关文章

CSS :has() 伪类正在许多浏览器中推出，其中 **Chrome** 和 **Safari** 已经完全支持它。它通常被称为“父选择器”——也就是说，我们可以从…

我们已经了解了旋转器。 我们已经了解了点。 现在我们将解决加载器的另一种常见模式：**条形**。在这一系列的第三篇文章中，我们将和之前一样…

日历、购物车、画廊、文件资源管理器和在线图书馆是显示可选择项目的网格（即方形格子）的一些情况。你知道，即使是那些要求你选择所有带有斑马线图像的安全检查等等…

制作纯 CSS 加载器是我最喜欢的任务之一。看到那些无限动画总是令人满意。当然，还有很多技术和方法可以制作它们——不需要 在 CodePen 上寻找…

如果曾经存在过一项真正意义上的 CSS 技巧，那就是它了！@ShadowShahriar 创建了一个 CodePen 演示，它使用伪元素在以行内显示的列表项之间放置逗号，结果是一个自然外观的完整句子，并带有适当的标点符号…

当你更改字体的 font-weight 时，文本通常会造成一些布局偏移。这是因为粗体文本通常更大，占用更多空间。有时这并不重要，比如垂直堆叠的…

要使用 Web 动画 API（例如 el.animate()），你需要引用一个要定位的 DOM 元素。那么，如何在伪元素上使用它呢？伪元素实际上并不提供直接引用。 Dan Wilson 介绍了 一项（新式？）…

这里有一个包含一些子元素的容器

<div class="container">
  <div>item</div>
  <div>item</div>
  <div>item</div>
</div>

如果我执行

.container::before {
  content: "x"
}

我实际上是在执行

<div class="container">
  [[[ ::before psuedo-element here ]]]
  <div>item</div>
  <div>item</div>
  <div>item</div>
</div>

这将表现得和…