質問: CSSを指定する際に、効率的なやり方はないかと思い、ご助言を頂戴したく質問させて貰いました。 下記コードの「ul」要素の中の「li」の2番目と3番目以外に対してCSSを当てたい場合、逆に2番目と3番目のみにCSSを合てたい場合、効率的な方法としましては、どのような方法があるでしょうか? qiitaの記事を参考に考えていたのですが、特定の要素番目や奇数番目、偶数番目などの指定方法はあったのですが、「2つの要素」以外などの指定方法が分からなかったもので... ``` 来院目的 » 予約日選択 » 予約時間選択 » 情報入力 » 入力確認 » 登録完了 ```
回答: * 否定の場合は`:not()` を使うと良いですよ。 以下のセレクターで、2番目と3番目以外を示します。 ``` .page_list li:not(:nth-child(2)):not(:nth-child(3)){ // } ``` * 2番目から3番目を示したい場合は以下の様にします。動作原理については割愛しますが。 ただ、例えば、2番目と5番目のみ といった方法はちょっとわからないので、`,`で区切るのが手っ取り早いですね。 ``` .page_list li:nth-child(n+2):nth-child(-n+3) { // } ```