CSS-Auswahl für andere als das erste und das letzte Kind

105

Ich mache eine sehr fortgeschrittene Website. Meine Frage: Ist es möglich, alle anderen Kinder außer dem :first-childund dem auszuwählen :last-child? Ich weiß, dass es einen :not()Selektor gibt, aber er funktioniert nicht mit mehr als einem, der nicht in Klammern steht. Das habe ich:

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

html css css-selectors

— Daniel
quelle

Sie sind mächtig mutig, dies zu benutzen. Beachten Sie, dass es nur in modernen Browsern funktioniert und definitiv nicht in dem Anti-Browser, den jeder verwendet.

— los

@ Radu: "Ich mache eine sehr fortgeschrittene Website" Keine Überraschung dort ...

— BoltClock

@BoltClock, richtig, nur sagen ... Wort der Warnung. Wenn das Ziel jedoch die iOS-Safari ist, wie der Name des Bildes andeutet, sollte sie sicher sein.

— los

Jetzt verstehe ich, warum diese Frage so vertraut aussieht ... stackoverflow.com/questions/7403129/combining-not-selectors

— BoltClock

"Anti-Browser"? Ist das das neue Google Ultron, von dem ich immer wieder höre?

— Jonathan Dumaine

Antworten:

260

Versuchen Sie es #navigation ul li:not(:first-child):not(:last-child).

— Salman von Abbas
quelle

DU BIST GROSSARTIG! Danke!

— Daniel

rofl, die Dummheit von mir, dies not()sogar zu versuchen, bevor ich

— google

Das ist falsch: not (A and B)ist nicht gleich (not A) and (not B), das wäre lieber (not A) or (not B). Es funktioniert nicht.

— Hibou57

Nein, was Salman Abbas gesagt hat, ist richtig. Sie denken an das Komma; #navigation ul li: nicht (: erstes Kind), #navigation ul li: nicht (: letztes Kind)

— user847074

Sicher wird es funktionieren, Sie müssen nur zwei "Nicht" -Selektoren verwenden.

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

Es wird nach dem ersten fortgesetzt und sagt "nicht das erste Kind" und "nicht das letzte Kind".

— animuson
quelle