2012-06-01 66 views
20

可能重复:
Adding pseudo-elements after pseudo-elements两个:: after伪元素

我想申请两个CSS ::after伪元素,以一个单一的DOM元素,每一个不同的颜色。 (是的,我可以将DOM元素包装到另一个DOM元素中,并给每个元素和::after伪元素,但我的首选项是更清晰的html。)

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

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

+0

你已经在使用':: before'吗? – thirtydot

+0

对不起。当我搜索这个问题时,我没有发现重复。我已经投票结束(但现在不能删除,因为有人得到了投票)。 – JellicleCat

回答

29

您可以使用另外一个:before伪元素你:after - http://jsfiddle.net/BePSq/

+0

这真棒!!!!! –

+3

将来,这可能通过使用[:after(2)](http://www.w3.org/TR/css3-content/#inserting0) – Safareli

6

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

+1

如何在一个DOM元素中添加两个::之后的伪元素?任何示例? – Experimenter

1

您可以同时使用:before和:after同时伪元素一个DOM元素上。只要确保你正确定位它们。我相信:在将psudo元素放在父元素之前,while:之后放置在html中。你只能使用这两个,不能添加更多的伪元素。

+0

实现,它们实际上都是父元素的子元素,在元素内容之前出现':: before',最后出现':: after'。 – Conan