css - 给 CSS :after content a class

Question

我只是想知道是否可以将 CSS 类分配给由 :after 伪元素添加的内容。像这样:

span:after {
  content: "after!"
  class: red
}

我知道您可以指定几个样式属性，例如字体大小等，所以我可以想象也可以应用一个类。

实际上，我正在尝试以这种方式通过 bootstrap CSS 附加一个字形图标。但是一个简单的

span:after {
  class: icon-wrench
}

没做。

Answer 1

伪元素不能有类。您只能直接对它们应用单独的样式规则。也没有办法将某个类的真实元素的样式复制到它的伪元素，除非您特别选择它，例如 span.icon-wrench:after。