最初の子と最後の子以外のCSSセレクター

105

非常に高度なウェブサイトを作成しています。私の質問：:first-childおよびを除く他のすべての子を選択することは可能:last-childですか？私は:not()セレクターがあることを知っていますが、括弧内にないセレクターでは機能しません。これは私が持っているものです：

#navigation ul li:not(:first-child, :last-child) {
    background: url(images/UISegmentBarButtonmiddle@2x.png);
    background-size: contain;
}

html css css-selectors

— ダニエル
ソース

あなたはこれを使うのに力強い勇気があります。これは最新のブラウザでのみ機能し、誰もが使用しているアンチブラウザでは機能しないことに注意してください。

— 2011年

@Radu：「私は非常に高度なWebサイトを作成しています」そこに驚きはありません...

— BoltClock

@BoltClock、そう、ただ言って...警告の言葉。しかし、いずれにしても、画像の名前が示すようにターゲットがiOS Safariであれば、安全です。

— 2011年

今、この質問がなじみ深い理由が

— わかり

「アンチブラウザ」？私が聞き続けている新しいGoogle Ultronですか？

— Jonathan Dumaine 2014

回答:

262

お試しください#navigation ul li:not(:first-child):not(:last-child)。

— サルマン・フォン・アッバス
ソース

あなたはすごいね！ありがとうございました！

— ダニエル

rofl、not()グーグルする前にこれを試してみても私の愚かさ：P genius

— SidOfc

：の間違ったそれnot (A and B)と等しくされていない(not A) and (not B)、というだろう(not A) or (not B)。それは動作しません。

— Hibou57

サルマン・アッバスの言うことは正しくない。あなたはカンマを考えています。#navigation ul li：not（：first-child）、＃navigation ul li：not（：last-child）

— user847074

確かに機能します。2つの「not」セレクターを使用する必要があります。

#navigation ul li:not(:first-child):not(:last-child) {

「最初の子ではない」と「最後の子ではない」と言って、最初の子の後の行に続きます。

— アニムソン
ソース