如何構建`:: before`的異常？

Question

我正在使用::before在鏈接之間添加短劃線。

.users ul li a::before { 
    content: " - "; 
} 

它按預期工作。

不過，我不想衝到第一個選項之前出現，所以我說：

.users ul li a:first-of-type::before { 
    content: ""; 
} 

...但是這消除了短線的所有。我究竟做錯了什麼？

Answer 1

您可以使用CSS :not

.users ul li:not(:first-child) a:before { 
 
    content: " - "; 
 
}

<div class="users"> 
 
    <ul> 
 
    <li><a href="#">test</a> 
 
    </li> 
 
    <li><a href="#">test</a> 
 
    </li> 
 
    <li><a href="#">test</a> 
 
    </li> 
 
    <li><a href="#">test</a> 
 
    </li> 
 
    <li><a href="#">test</a> 
 
    </li> 
 
    </ul> 
 
</div>

Answer 2

.users ul li a:nth-of-type(n+2)::before { 
    content: " - "; 
} 

這會做到這一點。