CSS伪元素“；“之后”；

我尝试使用两个伪元素

：after

，但只有第一个有效：

[data-msgcounter]:after {
    background-color: #FF6969;
    background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
    content: attr(data-msgcounter);
}​

[data-notcounter]:after {
    background-color: #FF6969;
    background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
    content: attr(data-notcounter);
}​

---

有人有什么建议或解决方案吗？

你能不能也贴上标签，把问题摆出来？让我猜猜。。这些样式是针对单个元素的吗？如果是，这是重复的-唯一的区别是属性选择器而不是类，以及：after而不是：before，两者都不相关。