不要在使用li時包含最後一個孩子：

-2

我想添加「|」每一個元素之後但不包括最後的李。我怎麼辦？不要在使用li時包含最後一個孩子：

HTML

<nav class="footer-menu"> 
<ul> 
    <li><a href="">Blog</a></li> 
    <li ><a href="#">Page B</a></li> 
    <li><a href="">Page A</a></li> 
</ul>

CSS

.footer-menu ul li{display: inline-table;} 
.footer-menu {text-align: center; background: #FFF;} 
.footer-menu ul li:after { 
    font-size: 13px; 
    color: #999; 
    width: 100%; 
    content:"|"; 
}

來源

2017-06-19 DaF-Student

在我提到的重複的方面，你想做的事：'.footer菜單UL李：沒有（：最後一子）：後{...}' –

使用:not()和:last-child

.footer-menu ul li{display: inline-table;} 
 
.footer-menu {text-align: center; background: #FFF;} 
 
.footer-menu ul li:not(:last-child):after { 
 
    font-size: 13px; 
 
    color: #999; 
 
    width: 100%; 
 
\t content:"|"; 
 
}

<nav class="footer-menu"> 
 
    <ul> 
 
     <li><a href="">Blog</a></li> 
 
     <li ><a href="#">Page B</a></li> 
 
     <li><a href="">Page A</a></li> 
 
    </ul> 
 
</nav>

來源

2017-06-19 14:18:33

*注*：我建議首先檢查重複項，這是非常常見的。 –

@SpencerWieczorek謝謝Spencer。注意到下一次我看到它。 –

不要在使用li時包含最後一個孩子：

回答

相關問題