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

对不起，这可能是一个简单的问题，如何删除菜单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 li:last-child a{
    border : none;
    /*more styles here*/
}

---

我不知道为什么要尝试使用带有：after选择器的伪元素添加边框

以下是你可能想要的东西：

---

>Fiddle我尝试了一些代码，它可以工作

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

---

试着添加重要的东西或尝试了重要但不起作用的东西。在Selector尝试selecter之前，我想我们需要其他一些代码，因为我只需要一半的边框，而不是全宽。在您的小提琴边框底部显示菜单的全宽在这种情况下，您不应该使用边框底部，您可以为伪元素设置一个像素的高度和50%的宽度。

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