嘗試從一個元素

移除左邊框樣式我有一個導航欄是像這樣：嘗試從一個元素

<ul> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="gallery.html">Gallery</a></li> 
     <li><a href="testimonial.html">Testimonials</a></li> 
     <li><a href="service.html">Services</a></li> 
     <li><a href="contact.html">Contact</a></li> 
</ul>

而且它有CSS像這樣：

.nav_bar { 
    margin: 0px 0px 0px 0px; 
    height:40px; 
} 
.nav_bar ul { 
    margin:0px; 
    padding:0; 
    list-style:none; 
    width:940px; 
} 
.nav_bar li { 
    margin: 0px 0px 0px 0px; 
    display:inline; 
} 
.nav_bar li a { 
    text-align:center; 
    border-left: 1px solid #fff; 
    text-decoration:none; 
    padding: 20px; 
    width:147px; 
    background:#000000; 
    color:#eee; 
    float:left; 
}

你可以想像，這會在元素的左側放置一條白線，除了第一個元素外，這些元素都是我想要的。我嘗試添加：

<a href="index.html" style="border-left:1px solid color:#000000">Home</a>

到第一李，但它沒有做任何事情，並在開發工具，它劃掉一個橙色三角旁邊。那麼，我將如何完成手頭的任務？感謝您的幫助。

來源

2011-11-04 Kevin

您的border-left語法略有誤差，它應該是：

<a href="index.html" style="border-left:1px solid #000000">Home</a>

對排序語法，你應該使用的更多信息請參閱本introduction to CSS shorthands。

來源

2011-11-04 18:49:50 Clive

，就是這樣，非常感謝你克萊夫 – Kevin

@Kevin：你是非常歡迎的，如果我不得不爲每噸一分錢ime我犯了這樣的錯誤... – Clive

爲什麼不 .nav_bar li a:first-child { border-left: 1px solid #000; }

或者，如果你不希望它在所有 .nav_bar li a:first-child { border:none; }

來源

2011-11-04 18:51:46

從http://www.w3.org/TR/CSS2/selector.html#first-child：

的：第一個孩子僞類的元素相匹配是其他元素的第一個子元素。

在下面的示例中，選擇器匹配DIV元素的第一個子元素的任何P元素。該規則抑制縮進一個DIV的第一款：
div > p:first-child { text-indent: 0 } 
此選擇將匹配下面的代碼片段的DIV內與p：
<P> The last P before the note. 
<DIV class="note"> 
<P> The first P inside the note. 
</DIV> 
，但不會在符合下列第二P-片段：
<P> The last P before the note. 
<DIV class="note"> 
<H2>Note</H2> 
<P> The first P inside the note. 
</DIV> 

來源

2011-11-04 18:51:47 msh210

嘗試從一個元素

回答

相關問題