css - リストサイズに基づいてCSSクラスを変更する

Question

私はリストを持っています。リストのサイズが5だとしましょう：

<ul> 
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>

CSS には 3 つのクラスがあります。

1 - li:first-child
2 - li:-nth-child(3)
3 - li:last-child 

リストサイズが1の場合、同じ要素に最初の子クラスと最後の子クラスを実装する場合、問題はここから始まります。最後の子クラスのロードを停止する方法はありますか? 私は自分自身を明確にしたことを願っています。

Answer 1

最後の子の宣言の後に、最初の子のcssを宣言してみてください。

以下の場合、テキスト「リストアイテム」は太字で表示されます。

ul li:last-child {
 font-weight:normal;
}

ul li:first-child {
 font-weight:bold;
}

<ul>
 <li>List item</li>
<ul>