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

时间:2014-12-23 14:48:16

标签: css

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

那可能吗?

所以这不是选项:

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

2 个答案:

答案 0 :(得分:5)

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

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

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

答案 1 :(得分:1)

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

如果不使用:before或:after

,则无法添加任何内容

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

jQuery的:

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