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（border =“none”）中添加stlye以删除边框，但这不起作用...

非常感谢 - L

Answer 1

反过来说，这样你可以获得100％的浏览器支持。将边框添加到左侧，然后执行

.nav li:first-child a { border: none; }

请注意，您可能还需要切换填充左右规则，但这是完成您所需要的方法。

Answer 2

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

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

http://jsfiddle.net/6h4ZG/

删除一个元素上的类边框

2 个答案: