：伪元素无法正常工作的第一流解决方法

Question

所以..我正在寻找那样的:first-of-class解决方法：

.myDiv {
    border: 1px solid red
}
.myDiv ~ .myDiv {
    border: none
}

我已将它应用于我自己的代码，如下所示：

.chats > .replies .reply.self.seen:after {
    content: "\f00c";
    font-family: FontAwesome;
}
.chats > .replies .reply.self.seen:after ~ .reply.self.seen:after {
    content: none;
}

而且......结果是..这个：

所以即使规则在我看来是正确应用的，content属性也不会覆盖另一个属性，因为你可以看到......我也试过了!important。 / p>

有什么想法吗？

Answer 1

好的，所以我找到了问题的解决方案，因为我必须从第二条规则中移除第一个:after，如下所示：

.chats > .replies .reply.self.seen:after {
    content: "\f00c";
    font-family: FontAwesome;
}
.chats > .replies .reply.self.seen ~ .reply.self.seen:after {
    content: none;
}