两个 ::after 伪元素答案

【问题标题】：Two ::after pseudo-elements [duplicate]两个 ::after 伪元素
【发布时间】：2012-06-07 00:37:27
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：