javascript - 如何将html元素添加为生成的内容

Question

我想将 html 元素作为生成的内容。例如，如果我想在列表项之前放置水平线

这不起作用。它只是将“<hr/>”打印为文本

li:before{
     content : '<hr/>'
}

有什么办法吗

Answer 1

HTML code cannot be inserted, using css content property, the tags show up as <tag>.

You can use jquery pretty easy..

$('li').prepend('<hr />');

Answer 2

不，我认为用 css 是不可能的。

一种解决方案可能是使用 a border-topon your li。

例如

li
{
  border-top: 1px solid black;
}

看看这个网站，看看可以做什么的一些很好的例子：http: //css-tricks.com/css-content/