css - 两个 ::after 伪元素

Question

我想将两个 css::after伪元素应用于单个 DOM 元素，每个元素都有不同的颜色。（是的，我可以将 DOM 元素包装在另一个 DOM 元素中，并赋予每个元素和::after伪元素，但我更喜欢更简洁的 html。）

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

我特别怀疑将伪元素链接在一起的可能性，::after以便一个::after与另一个有关，而另一个与 DOM 元素有关，但如果有人知道如何做到这一点，请告诉。

Answer 1

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

Answer 2

您不能将两个::after伪元素添加到一个 DOM 元素。但是，您可以另外添加一个::before。根据您要完成的工作，这可能会起作用。

Answer 3

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