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

嗨我想摆脱这个菜单中的最后一个分隔线 http://prntscr.com/1dmia < - 正如你可以在'联系我们'链接看到这里，之后有分隔线，我想不显示它。香港专业教育学院试过这种如何删除CSS中的最后一个分隔符？

#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; 
}

来源

2011-01-07 arnold

您的标记要:last-child：

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

但铭记的是伪类是CSS3只（不像:first-child这是CSS2），你最好给最后li自己的ID或类，并选择能代替，其中更多浏览者了解：

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

来源

2011-01-07 02:25:11 BoltClock

你试过last-child？

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

来源

2011-01-07 02:25:57 Blender

omfg，lol，为什么我没有想到这一点，我正在使用：最后不是：最后一个孩子，谢谢你的帮助。 – arnold 2011-01-07 02:28:42

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

回答

相关问题