css - css3 の 2 番目の子margin-left:20px を取得するなど

Question

<li>ナビゲーション メニューを作成しようとしています。最初のメニューをその上のコンテナーと完全に並べたいのですが、最初のメニューの右側にスペースが必要な<li>ので、次のようなことをしようとしています。

nav .innercontainer ul li:nth-of-type(2n+1){ /*only happen after the first <li>*/
    margin-left:20px;
}

ありがとう、これらの擬似選択要素は地獄のように混乱しています。

Answer 1

これを行う最も簡単な方法は、+セレクターを使用することです。

ul > li + li{
    /* all li elements except the first */
}

Answer 2

nav .innercontainer ul li{ margin-left:20px;

}

nav .innercontainer ul li:first{ margin-left:0;

}

うまくいけば、このように簡単です