1

我有一个导航栏,我使用类 .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

4

2 回答 2

1

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

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

请注意,您可能还必须切换左右填充规则,但这是完成您所追求的目标的方法。

于 2013-09-15T21:40:20.867 回答
1

border="none"不会为你做的。你可以使用style="border: 0",但更好的是

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

http://jsfiddle.net/6h4ZG/

于 2013-09-15T21:41:23.283 回答