两个::后面的伪元素

时间:2012-06-01 18:58:27

标签: css css3 pseudo-element

  

可能重复:
  Adding pseudo-elements after pseudo-elements

我想将两个css ::after伪元素应用于单个DOM元素,每个元素都有不同的颜色。 (是的,我可以将DOM元素包装在另一个DOM元素中并给每个元素和::after伪元素,但我的偏好是更清晰的html。)

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

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

3 个答案:

答案 0 :(得分:37)

除了:before - http://jsfiddle.net/BePSq/

之外,您还可以使用:after伪元素

答案 1 :(得分:6)

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

答案 2 :(得分:1)

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