如何使用没有伪元素的css添加文本

Question

我想用css添加文本.但伪元素不是选项.要点是用css添加文本,在DOM中有文本.

那可能吗？

所以这不是选项:

.someClass:before {
  content: "some text";
}

Answer 1

通常,CSS的整个目的是保持样式/设计和内容之间的区别.伪选择器有点独特,因为它们不会选择实际存在的内容来"设计"它,而是首先创建内容.

这并不完全干扰CSS的目的,因为内容和设计之间的区别有时会有点模糊.例如,参见http://css-tricks.com/css-content/,其中讨论了如何在每个电子邮件地址之前附加"电子邮件:"实际上是一种风格决定.

也就是说,我真的不明白为什么你不想使用伪元素.支持几乎无处不在(http://css-tricks.com/browser-support-pseudo-elements/).你唯一的另一个选择就是使用JS/jQuery或者好的HTML.