根据列表大小更改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>