最初のページをスキップして、liに位置絶対値を動的に割り当てます。

Question

ページ上の異なるリストのli要素に絶対位置を割り当てようとしていますが、そのリストの最初のliには割り当てません。

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

これは、複数のLiとリストにうまく機能：私はこれらのリストにあるだろうどのように多くの李さんに予測することはできませんので、私はこのようにjQueryでそれをやっています。しかし、リストには1つのliしかない場合、それは絶対的な位置を与え、私はそれを望んでいません。どうすれば修正できますか？

Answer 1

これはjQueryを必要としないので、通常のCSSが行います。私はデモ用color: red;を使用しました

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

• 。
• 子セレクタ>は、ネストされたリスト項目が影響を受けないようにします。