我可以使用僞元素來插入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);