两个 ::after 伪元素

Question

我想在一个DOM元素上应用两个CSS ::after 伪元素，每个元素都有不同的颜色。(是的，我可以将DOM元素包装在另一个DOM元素中，并给每个元素一个::after伪元素，但我更喜欢更简洁的HTML。)

我怀疑这是不可能的，但想知道是否有人能告诉我更好的方法。

我特别怀疑能否链接 ::after 伪元素，使得其中一个::after与另一个::after相关联，并与一个DOM元素相对应，但如果有人知道如何实现，请告诉我。

- JellicleCat

---

你已经在使用 ::before 了吗？ - thirtydot

抱歉，当我搜索这个问题时，我没有发现重复的内容。我已经投票关闭了该问题（但现在无法删除，因为有人已经点赞）。 - JellicleCat

Answer 1

你可以使用:before伪元素，除了你的:after外 - http://jsfiddle.net/BePSq/

- Zoltan Toth

---

将来，通过使用:after(2)，这可能成为现实。 - Safareli

链接的规范文档中没有支持那个观点。 - mbomb007

Answer 2

一个DOM元素不能同时添加两个::after伪元素，但可以额外添加一个::before。根据你想要实现的效果，这可能会起作用。

- bookcasey

---

如何在一个DOM元素上添加两个::after伪元素？有示例吗？ - Experimenter

Answer 3

您可以在一个DOM元素上同时使用:before和:after伪元素。只需确保正确定位它们。我相信:before将伪元素放置在父元素之前，而:after将其放置在HTML中的其后位置。但是，您只能使用这两个伪元素，不能添加更多伪元素。

- David

---

它们实际上都是父元素的子元素，::before 出现在元素内容之前，而 ::after 则出现在最后。 - Conan