菜单的左边框不显示

Question

我有一个简单的导航，我想要删除所有左边框但不是第一个孩子的边框，用css我做了这个：

ul.nav li:first-child a {
    border-left: 1px;
}

ul.nav li {
    float:left;
}

ul.nav li a{ 
    display: block;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#999));
    border-radius: 3px 3px 0px 0px;
    border: 1px solid #000;
    border-bottom: none;
    border-left:none;
    padding: 3px;
    text-decoration: none;
}

但它不会显示第一个孩子左边框

Answer 1

你所要做的就是改变

    ul.nav li:first-child a {
    border-left: 1px;
    }

到

    ul.nav li:first-child a {
    border-left: 1px solid #000;
    }