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

<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>

这将表现得就像……

在点赞和社交统计数据的世界里，评论是提供反馈的一种非常重要的方式。用户通常喜欢在决定自己购买商品或阅读文章、观看电影之前了解其他人的意见……

您知道我们有一个网站列出了所有即将举行的与前端网页设计和开发相关的会议吗？我们有！如果您想参加其中一个会议，请查看一下。如果您正在举办会议，请随时提交……

CSS-Tricks 12岁了！我敢说，已经稳稳地进入了青春期早期阶段 ;) 就像我们每年一样，让我们回顾过去的一年。我最好有一些话要说，对吧？否则，John Prine 会生气的……

浮出菜单！一旦您需要实现一个使用悬停事件显示更多菜单项的菜单，您就进入了棘手的领域。首先，它们也应该适用于点击和轻触。如果没有，您就破坏了……

嘿，让我们用 JAMstack 创建一个功能性日历应用程序

我一直很好奇动态调度是如何工作的，所以我决定进行广泛的研究，学习新事物，并撰写有关旅程技术部分的文章。公平地说……

我刚和Dave聊天，他告诉我关于Haunted的事情。它是 Hooks，但用于原生 Web Components！很酷。我认为这类东西的存在使得使用 Web Components 越来越容易接受——……

使用Git 的命令行驱动软件，但这并不意味着您必须使用命令行才能使其工作。有很多选择！我认识的一些最资深的程序员极客更喜欢使用 Git 的GUI（图形用户界面）。