如何从伪元素内容插入HTML标记：

如何通过：：before伪元素的content:property插入HTML标记，我正在尝试在每个标记之前插入一个

---

，到目前为止我有：

article:：before{
内容：“\00003C br/\00003E”；
}

但这不起作用。是否有其他方法将HTML标记插入到伪元素CSS中

---

谢谢，

您不能使用CSS伪元素的

内容

属性注入HTML元素；但是，您可以将其设置为

display:block

，并且（正如您的问题中似乎需要的，虽然不是演示的/尝试的代码）使用

高度

和

背景色

来模拟

：

article::before {
    content: '';
    display: block;
    margin: 1em 0;
    height: 5px;
    background-color: #f00;
}

article:：before{
内容：''；
显示：块；
利润率：1米0；
高度：5px；
背景色：#f00；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。

---

与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从《洛伦·伊普斯姆》（Lorem Ipsum）一段中查找了一个更为晦涩的拉丁语单词，即“Concertetur”，并查阅了古典文学中对该词的引用，发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》（善与恶的极端）的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。无法插入带有CSS内容的HTML标记。答案建议使用jQuery，如果可以的话

你是特别想在每篇文章前引入一个hr标记还是仅仅一行？你不能使用CSS来添加伪HTML标记。看，谢谢大卫，效果很好。我发现复制最近的

---

标记的实际CSS是：article:：before{content:''；display:block；margin:1em 0；height:1px；background color:dimgray；border bottom:1px lightgray solid；