Css 目标相同:在同一元素上有两个类的伪元素之后

Css 目标相同:在同一元素上有两个类的伪元素之后,css,Css,假设我在一个div上有两个类,.class1和.class2。如果我在.class1和.class2上用:after声明一个伪元素,而我实际上用每个伪元素都指向同一个伪元素 这种方法是否存在跨浏览器问题?这里有一个小提琴,表明无论最后一个类是什么,都优先考虑。因此,我只能假设after基于元素本身,而不一定基于类。如果需要多个元素,则需要使用:before-或添加更多元素 HTML :after选择器在所有主要浏览器中都受支持,但在IE7或更低版本中不受支持 For:在IE8中工作后,必须声明

假设我在一个div上有两个类,.class1和.class2。如果我在.class1和.class2上用:after声明一个伪元素,而我实际上用每个伪元素都指向同一个伪元素


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

这里有一个小提琴,表明无论最后一个类是什么,都优先考虑。因此,我只能假设after基于元素本身,而不一定基于类。如果需要多个元素,则需要使用:before-或添加更多元素

HTML
:after选择器在所有主要浏览器中都受支持,但在IE7或更低版本中不受支持

For:在IE8中工作后,必须声明a

这是一本书

<div class="thing other-thing and-other-thing"></div>
.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";
}