|
|||
CSS Selector: alle außer den 1.
ich habe mal mit CSS Selector experimentiert, finde aber keine Möglichkeit zu sagen alle außer den ersten.
Ich habe Flex Kästen, damit die einen Abstand von 12px haben schreibe ich Code:
.flex_model1{ width:22%; margin-left:12px; } Um das zu verhindern notiere ich Code:
.flex_model1:nth-child(1) { margin-left:0 } beim 2 Anfangen. Habe ich was übersehen oder die CSS3 Entwickler was vergessen. CSS Selector: schön beschrieben: https://www.mediaevent.de/css/css3-selektor-pseudo.html |
Sponsored Links |
|
|||
Dein Code funktioniert problemlos und entfernt margin-left beim ersten Element. Da hast du andere Selektoren die dir dein :nth-child(1) wieder überschreiben.
Du kannst übrigens auch :first-child für das erste verwenden, das ist das selbe wie :nth-child(1) und :last-child gibt es auch noch für das letzte Element |
Sponsored Links |
|
|||
Code:
Abschnitt A .flex_model1{ width:22%; margin-left:12px; } Abschnitt B .flex_model1:nth-child(1) { margin-left:0 } entferne ich den margin im Abschnitt A haben die Kästen ja keinen Abstand. und entferne ich margin bei B hätten alle margin-left:12px. first-child kenn ich auch, ich suche sowas wie "Not first-child" also alle außer den 1. |
|
|||
Zitat:
HTML-Code:
.flex_model1{ width:22%; } .flex_model1:XXX-child(1) { margin-left:12px } Ab den 2. Zumal ich schon oft das Problem hatte. |
|
||||
Du kannst auch :not() dafür verwenden -> https://developer.mozilla.org/de/docs/Web/CSS/:not
Code:
.flex_model1:not(:nth-of-type(1)) { width: 22%; margin-left: 12px; } |
|
|||
Man kann :not zur Zeit nur dann verwenden wenn Safari der einzige Browser ist, der unterstützt werden soll. Möchte man mehr als nur geschätzte 1-3% der Besucher unterstützen dann muss man eine der vorher geposteten Antworten verwenden.
|
|
||||
Du meinst vielleicht die :not() Spezifikation Level 4?
https://developer.mozilla.org/de/docs/Web/CSS/:not Level 3 funktioniert bei allen modernen Browsern. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Einbindung von frei erhältlichen Scripten - CSS Problem | DonL | CSS | 1 | 22.01.2011 17:09 |
MYspace mehr als nur CSS oder ? | Vinceone | CSS | 0 | 12.07.2007 03:21 |
Eric Meyer's CSS | Petty | Ressourcen | 0 | 21.11.2005 09:18 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 12:39 |