在伪代码上添加CSS类

2018-07-01 20:59:29

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

我想用：在追加错误信息之后。我也想要与其他错误消息一样的错误消息。

这工作：

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

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

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

另外，使用“:: after”和“之后”之间是否有区别？

提前致谢！

没有办法将任何类型的HTML属性赋予psuedo元素。

只需使用选择器两次：

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

另外，使用“:: after”和“之后”之间是否有区别？

根据这个：

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

在CSS 3中引入::after符号是为了建立伪类和伪元素之间的区分。浏览器也接受这个标记:after在CSS 2中引入:after 。

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

我会争辩说，错误信息可能是内容，而不是装饰 - 但那是你的呼召。

:after元素不是一个物理DOM元素，所以它不能接受一个类。

如果您使用像LESS这样的样式表库，可以通过将类包括为属性来混合其他类的样式：

.error {
    .error-styles;
}

链接地址: http://www.djcxy.com/p/88865.html