css - 如何在没有伪元素的情况下使用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。