css - 根据列表大小更改 css 类

Question

我有一个列表，假设列表的大小是 5：

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

在 css 中，我有三个类：

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>