动态地将绝对位置分配给 li，跳过第一个

Question

我试图为页面上不同列表的li元素分配一个绝对位置，但不为该列表中的第一个li分配一个位置。由于我无法预测这些列表中会有多少 li，所以我使用 jQuery 像这样做：

$('.list-inline li:not(:first)').css("position", "absolute");

这在具有多个 li 的列表上效果很好。但是当一个列表只有一个 li 时，它会给它一个绝对的位置，我不希望这样。我该如何解决这个问题？

Answer 1

你不需要jQuery，普通的CSS就可以了。

.list-inline > li:not(:first-child) {
color: red;
/* position: absolute; */
}

<ul class="list-inline">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ul>
<ul class="list-inline">
<li>First Item</li>
</ul>

• 我已将color: red;用于演示目的。
• 子选择器>确保嵌套列表项不受影响。