Eine Einsatzmöglichkeit von :last-child
HTML
<ul>
<li><a href="#">Däumelieschen</a></li>
<li><a href="#">Die Störche</a></li>
<li><a href="#">Der fliegende Koffer</a></li>
<li><a href="#">Fliedermütterchen</a></li>
<li><a href="#">Der Tannenbaum</a></li>
<li><a href="#">Däumelieschen</a></li>
<li><a href="#">Die Störche</a></li>
<li><a href="#">Der fliegende Koffer</a></li>
<li><a href="#">Fliedermütterchen</a></li>
<li><a href="#">Der Tannenbaum</a></li>
</ul>
CSS
ul, li{
font-family: Verdana, sans-serif;
font-size: 12px;
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
ul {
border-top: 5px solid #a20000;
border-bottom: 5px solid #a20000;
width: 300px;
}
li {
border-bottom: 1px solid #999;
}
li:last-child {
border-bottom: none;
}
a {
padding: 5px;
display: block;
text-decoration: none;
color: #000;
}
a:hover, a:focus {
background: #eee;
}