Question

抱歉，这可能是一个简单的问题，如何删除菜单4的边框，因为我不想要最后一个菜单的边框

 <ul class="dropdown-menu">
        <li><a href="#">menu 1</a></li>
        <li><a href="#">menu 2</a></li>
        <li><a href="#">menu 3</a></li>
        <li><a href="#">menu 4</a></li>       
      </ul>
    </li>

的CSS

.dropdown-menu > li > a::before {
border-bottom: 1px solid black;
bottom: 0;
content: "";
height: 1px;
left: 20px;
position: absolute;
width: 50%;
}

Answer 1

我试过一些代码工作..

.dropdown li:last-child a::before {
border : none ; 
}

Answer 2

您可以使用伪CSS选择器尝试此操作。

.dropdown li:last-child a{
    border : none;
    /*more styles here*/
}

Answer 3

我不确定你为什么要尝试使用伪元素添加一个边框：after after。

这是你可能会追随的事情的小提琴：

<强> >Fiddle<

并且您的标记不正确，那里有一个挂起的</li>元素。

如何删除最后一个菜单边框样式

3 个答案: