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

Question

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

那可能吗？

所以这不是选项：

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

Answer 1

通常，CSS的整个目的是保持样式/设计和内容之间的区别。伪选择器有点独特之处在于他们不会选择实际存在的内容为＆＃34; style＆＃34;它，而是首先创建内容。

这并没有完全干扰CSS的目的，因为内容和设计之间的区别有时会有点模糊。例如，http://css-tricks.com/css-content/讨论如何附加＆＃34;电子邮件：＆＃34;在每个电子邮件地址实际上都是一个样式决定之前。

那就是说，我真的不明白为什么你不想使用伪元素。支持几乎无处不在（http://css-tricks.com/browser-support-pseudo-elements/）。你唯一的另一个选择是使用JS / jQuery或者好的＆＃39; HTML。

Answer 2

层叠样式表（CSS）是一种向Web文档添加样式（例如，字体，颜色，间距）的简单机制。 （w3org）

如果不使用：before或：after

，则无法添加任何内容

为了编辑DOM，请考虑使用jQuery或任何其他js脚本：

jQuery的：

$('body').append('<div>Your new content</div>');