如何刪除最後一個菜單邊框樣式

對不起，可能這是一個簡單的問題，如何才能刪除邊框菜單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%; 
}

來源

2016-07-11 ub_303

我嘗試了一些代碼，它的工作..

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

來源

2016-07-11 07:27:02

這應該工作 – murli2308

你可以用僞CSS選擇器試試這個。

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

來源

2016-07-11 06:52:14 peter

我嘗試過，但沒有工作 –

嘗試增加重要或重要的，但不是工作試過的東西 – peter

。我認爲我們需要一些其他代碼::之前選擇器 –

我不知道你爲什麼要嘗試添加一個邊界使用僞元素：after選擇器。

這裏是你可能是什麼之後，小提琴：

>Fiddle<

和你的標記是不正確的，你有一個掛</li>元素存在。

來源

2016-07-11 07:07:41 snkv

我試過selecter，因爲我只需要邊界一半，而不是全寬。在您的小提琴邊框底部顯示菜單的全寬 –

在這種情況下，您不應該使用邊框底部，您可以爲僞元素設置一個像素高度和50％寬度。 – snkv

如何刪除最後一個菜單邊框樣式

回答

相關問題