Question

我制作了这个HTML：

<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%;
}

|主页|简历|特拉布|联系|自我

但是我无法删除第一个孩子的第一个|。有人能帮助我吗？

Answer 1

您在第一个border-left: none上设置了li，但您在所有border-left:1px solid #3c948b元素上设置了a。选择一种元素类型或另一种。

Answer 2

替换

.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

CSS first-child不起作用

2 个答案: