CSS第一胎不工作

-2

<li><a href="#home">Home</a></li> 
<li><a href="#curriculo">Currículo</a></li> 
<li><a href="#trabalhos">Trabalhos</a></li> 
<li><a href="#contato">Contato</a></li> 
<li><a href="#sobre">Sobre</a></li>

而這個CSS：

.nav ul li:first-child { 
    padding-left: 11.8%; 
    border-left: none; 
} 
.nav ul li a { 
    text-decoration: none; 
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 16px; 
    color: #6c6d6f; 
    display: inline; 
    border-left: 1px solid #3c948b; 
    padding-left: 10%; 
}

|主頁| CV | Trab |聯繫| Sobre

但我無法從第一個孩子中刪除第一個|。有人能幫我嗎？

來源

2014-04-05 user3501604

打開了檢查元素爲自己調試。 – bjb568

更換

.nav ul li:first-child{padding-left: 11.8%; border-left:none;}

通過

.nav ul li:first-child a{padding-left: 11.8%; border-left:none;}

FIDDLE

來源

2014-04-05 16:17:44

順序無關緊要。添加了「：first-child」的規則更加具體。 – Quentin

@Quentin雖然如此，我會刪除。 –

您正在設置border-left: none的第一個li，但您對所有a元素設置了border-left:1px solid #3c948b。選擇一種元素類型或另一種。

來源

2014-04-05 16:17:35 Quentin

CSS第一胎不工作

回答

相關問題