我可以使用伪元素来插入html元素吗？

Question

我想在我的所有li之后插入html元素。 例如： HTML：

<ul> 
<li>some text</li> 
<li>some text</li> 
<li>some text</li> 
</ul> 

的CSS：

li:after{ 
    content:"<div class="someclass"></div>"; 
} 

，但它不工作

Answer 1

不幸的是，你can't do that with CSS。但是在JavaScript中可能会有这种情况，例如jQuery .append(); method。

// Add Baz to .myList 
 
$(".myList").append($("<li>Baz</li>"));

<!-- jQuery --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<ul class="myList"> 
 
    <li>Foo</li> 
 
    <li>Bar</li> 
 
</ul>

Answer 2

如果需要显示每个li元素后，一些图形元素的选择是在内容属性使用网址：

content: url(/pictures/logo.gif);