我的网站上有一个非常简单的页面：http : //jsfiddle.net/95sptas0/
仅使用CSS，如何在每个.postdiv之间添加图标？.post除最后一个格外，我希望每个格之后一个。我希望使用此图标：http : //fortawesome.github.io/Font-Awesome/icon/arrow-down/
.post {
margin-bottom:50px;
background:#eaeaea
}<div class="post">
<h1>This is a Post</h1>
</div>
<div class="post">
<h1>This is a Post</h1>
</div>
<div class="post">
<h1>This is a Post</h1>
</div> 包含“ FontAwesome”字体后，以下CSS可能会做到：
.post::after {
content: "\f063";
font-family:'FontAwesome';
}
\f063 是使用FontAwesome字体的“向下箭头”的代码。
为了将其应用于除最后一个元素之外的每个元素，可以使用last-of-type选择器：
.post:last-of-type::after {
display: none;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句