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

Question

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

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

这适用于包含多个li的列表。但是当一个列表只有一个li时，它给它一个绝对位置，我不希望这样。我该如何解决这个问题？

Answer 1

你不需要jQuery，普通的CSS会这样做。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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