Pemilih CSS untuk selain anak pertama dan anak terakhir

105

Saya membuat situs web yang sangat canggih. Pertanyaan saya: Apakah mungkin untuk memilih semua anak lain kecuali untuk :first-childdan :last-child? Saya tahu ada :not()pemilih tetapi tidak berfungsi dengan lebih dari satu yang tidak ada di dalam tanda kurung. Inilah yang saya miliki:

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

html css css-selectors

— Daniel
sumber

Anda sangat berani untuk menggunakan ini. Perhatikan bahwa ini hanya akan berfungsi di browser modern, dan itu pasti tidak akan berfungsi pada anti-browser yang digunakan semua orang.

— singkirkan

@Radu: "Saya membuat situs web yang sangat canggih" Tidak mengherankan ...

— BoltClock

@BoltClock, benar, hanya mengatakan ... Kata peringatan. Tapi bagaimanapun, jika targetnya adalah Safari iOS seperti yang disarankan oleh nama gambar, maka itu harus aman.

— singkirkan

Sekarang saya mengerti mengapa pertanyaan ini terlihat begitu familiar ... stackoverflow.com/questions/7403129/combining-not-selectors

— BoltClock

"anti-browser"? Apakah itu Google Ultron baru yang selalu saya dengar?

— Jonathan Dumaine

Jawaban:

262

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

— Salman von Abbas
sumber

KAMU LUAR BIASA! Terima kasih!

— Daniel

rofl, kebodohan saya not()bahkan mencoba ini sebelum googling: P jenius

— SidOfc

Itu salah: not (A and B)tidak sama dengan (not A) and (not B), itu lebih baik (not A) or (not B). Tidak bekerja.

— Hibou57

Tidak apa yang dikatakan Salman Abbas benar. Anda memikirkan koma; #navigation ul li: not (: first-child), #navigation ul li: not (: last-child)

— user847074

Tentu itu akan berhasil, Anda hanya perlu menggunakan dua pemilih 'bukan'.

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

Ini akan berlanjut ke baris setelah yang pertama, mengatakan "bukan anak pertama" dan "bukan anak terakhir".

— animuson
sumber