如何刪除CSS中的最後一個分隔符？

Question

嗨我想擺脫這個菜單中的最後一個分隔線 http://prntscr.com/1dmia < - 正如你可以在'聯繫我們'鏈接看到這裏，之後有分隔線，我想不顯示它。 香港專業教育學院試過這種

#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只（不像:first-child這是CSS2），你最好給最後li自己的ID或類，並選擇能代替，其中更多瀏覽者瞭解：

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

Answer 2

你試過last-child？

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