Wie kann ich alle Kinder eines Elements mit Ausnahme des letzten Kindes auswählen?

Question

Wie würde ich alle bis auf das letzte Kind mit CSS3-Selektoren auswählen?

Um zum Beispiel nur das letzte Kind zu erhalten, müsste man div:nth-last-child(1) .

Answer 1

Verwendung der Lösung von Nick Craver mit Selektivizr ermöglicht eine browserübergreifende Lösung (IE6+)

Answer 2

Wenn Sie es innerhalb der Verschachtelung der Muttergesellschaft verwenden, dann ist der einfachste Weg:

&:not(:last-child){
  ....
}

Ejemplo:

.row {  //parent
 ...
 ...
 ...
 &:not(:last-child){
  ....
 }
}

Answer 3

Um Elemente ab dem letzten Element zu finden, verwenden Sie

<style>
ul li:nth-last-of-type(3n){ color:#a94442}  /**/
</style>

Answer 4

Nick Cravers Lösung gab mir, was ich brauchte, aber um es explizit für diejenigen zu machen, die CSS-in-JS verwenden:

const styles = {
  yourClass: {
    /* Styles for all elements with this class */
    '&:not(:last-child)': {
      /* Styles for all EXCEPT the last element with this class */
    },
  },
};

Answer 5

.nav-menu li:not(:last-child){
    // write some style here
}

dieser Code sollte den Stil auf alle

• außer dem letzten Kind