css - 删除一个元素上的类边框

Question

我有一个导航栏，我使用 .nav 类为其指定了属性。

我已将右侧边框添加到导航栏链接，并试图从最后一个链接中删除该栏。

CSS:

.nav a {
display:inline-block;
position: relative; top: 500px;
border-right: 2px solid #FFDB58;
padding-right: 25px;
padding-left: 25px;
}

html:

<ul class="nav"> 
<li><a href="link1.html" style="text-decoration: none">1</a></li>
<li><a href="linke2.html" style="text-decoration: none">2</a></li>
<li><a href="link3.html" style="text-decoration: none">3</a></li>
<li><a href="link4.html" style="text-decoration: none">4</a></li>
<li><a href="link5.pdf" style="text-decoration: none">5</a></li>
<li><a href="link6.html" style="text-decoration: none" border="none">6</a></li>

</ul>

我试图简单地在 html 中添加 STLye (border="none") 来删除边框，但这不起作用...

非常感谢-L

Answer 1

border="none" 不会为你做这件事。您可以使用 style="border: 0"，但更好的做法是

.nav li:last-child a { border: 0; }

http://jsfiddle.net/6h4ZG/