定位相同：在同一元素上具有2个类的伪元素之后

Question

假设我在div，.class1和.class2上有两个类。如果我在.class1和.class2上声明一个伪元素：after，并且我实际上将每个伪元素定位到相同的伪元素？

这种方法是否存在跨浏览器问题？

Answer 1

这是一个小提琴，表明无论最后一个类是什么，都优先。所以我只能假设after是基于元素本身而不是类必需的。如果您需要多个，则需要使用：之前 - 或添加更多元素。

Fiddle

HTML

<div class="thing other-thing and-other-thing"></div>

CSS

.thing:after {
    position: absolute;
    top: 0; left: 0;
    content: "1";
}

.other-thing:after {
    position: absolute;
    top: 0; left: 1em;
    content: "2";
}

.and-other-thing:after {
    position: absolute;
    top: 0; left: 2em;
    content: "3";
}

Answer 2

所有主要浏览器都支持：选择器后，IE7或更低版​​本不支持此选项。

对于：在IE8中工作之后，必须声明一个。

这是pretty chart。