Question

嗨我想摆脱这个菜单中的最后一个分隔符 http://prntscr.com/1dmia＆lt; - 正如您在“联系我们”链接中看到的那样，之后有分隔符，我想不显示它。我试过这个

#nav ul li:last:after{
content:'';
}

但不起作用

这是菜单的标记

HTML

<div id="nav" class="center"><!-- nav [START] -->
                <ul>
                    <li><a href="#" title="Home">Home</a></li>
                    <li><a href="#" title="Artist Gallery">Artist Gallery</a></li>
                    <li><a href="#" title="Make an Appointment">Make an Appointment</a></li>
                    <li><a href="#" title="Location">Location</a></li>
                    <li><a href="#" title="Contact Us">Contact Us</a></li>
                </ul>
</div><!-- nav [END] -->

CSS

#nav ul li{
float:left; 
margin-top:10px;
margin-right:35px;
}

#nav ul li:after{
content:'l';
color:#d40202;
margin-left:20px;
}

Answer 1

您想要:last-child：

#nav ul li:last-child:after {
    content: '';
}

但请记住，伪类只是CSS3（与CSS {2 :first-child不同），你最好给最后一个li自己的ID或类，并选择那个相反，更多的浏览器理解：

#nav ul li.last:after {
    content: '';
}

Answer 2

您是否尝试过last-child？

#nav ul li:last-child:after
{
  content: '';
}

如何删除CSS中的最后一个分隔符？

2 个答案: