Question

我使用实际的bootstrap。我使用li border-right设置了Bootstrap导航，但是当我使用

时

.wrapper .header .navbar.navbar-default .container .collapse.navbar-collapse.navbar-responsive-collapse .nav.navbar-nav li:last-child {
    border-right: 0px;

}

对于最后一个孩子，边框始终显示！

我该怎么做才能显示最后一个孩子的border-right？

Answer 1

首先，您应该简化您的css路径以避免错误。

然后尝试使用border-right: none;代替0px，就像fiddle一样。

Answer 2

使用border-left而不是border-right，并为li:first-child

将其设置为0

CSS将如下：

.wrapper .header .navbar.navbar-default .container .collapse.navbar-collapse.navbar-responsive-collapse .nav.navbar-nav li { border-left:1px solid #CCCCCC; }

.wrapper .header .navbar.navbar-default .container .collapse.navbar-collapse.navbar-responsive-collapse .nav.navbar-nav li:first-child {
border-left:0px none;
}

请记住，last-child选择器永远不会在IE Lower版本中运行。相反，first-child适用于IE和其他浏览器的每个版本。

另外，请记住border-left:0px none只使用border-left:0px

最后一个孩子的bootstrap导航边框

2 个答案: