Question

我想知道是否有办法将CSS类添加到伪元素中，例如：after。

我想使用：after后添加错误消息。我还希望错误消息的样式与其他错误消息的样式相同。

这有效：

.error:after {
  content: "Error Message";
  color: red;
}

但是我可以做这样的事情来添加比颜色样式更多的东西吗？：

.error:after {
  content: "Error Message";
  class: error_message_styles;
}

另外，使用“:: after”与“：after”之间有区别吗？

提前致谢！

Answer 1

无法为psuedo元素提供任何类型的HTML属性。

只需使用选择器两次：

.error:after {
  content: "Error Message";
}
.error:after, .error-style {
  color:red;
}

另外，使用“:: after”与“：after”之间有区别吗？

根据这个：

https://developer.mozilla.org/en/CSS/:after

在CSS 3中引入了::after符号以便建立一个   伪类和伪元素之间的区别。浏览器   也接受CSS 2中引入的符号:after。

注意： Microsoft Internet Explorer 8支持：符号后   仅

我认为错误信息可能是内容，而不是装饰 - 但那是你的电话。

Answer 2

:after元素不是物理DOM元素，因此不能使用类。

如果您使用类似LESS的样式表库，则可以通过将该类作为属性包含在内来混合其他类的样式：

.error {
    .error-styles;
}

在伪元素上添加CSS类

2 个答案: