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

问题描述：

我想在我的所有li之后插入html元素。例如： HTML：我可以使用伪元素来插入html元素吗？

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

的CSS：

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

，但它不工作

内容插入textnode内容。你不能让它改变DOM结构。 CSS的职责是造型。它并不是要修改事物的物理结构。 –

你需要JavaScript来做到这一点，不能用CSS做到这一点。 – dfsq

答

不幸的是，你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>

谢谢，这就是我需要的。 –

答

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

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

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

相关推荐