zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Selector: alle außer den 1.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.03.2019, 09:24
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 84
seerose befindet sich auf einem aufstrebenden Ast
Standard 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;
}
Dann wird aber der 1. auch versetzt.
Um das zu verhindern notiere ich
Code:
.flex_model1:nth-child(1) { margin-left:0 }
Man würde oben den Margin sparen wenn ich sagen könnte
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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.03.2019, 10:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.988
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.03.2019, 11:03
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 84
seerose befindet sich auf einem aufstrebenden Ast
Standard

Code:
 Abschnitt A
.flex_model1{
	width:22%;
	margin-left:12px;
}

 Abschnitt B
.flex_model1:nth-child(1) { 
margin-left:0 }
Irgendwie verstehe ich dich nicht,

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 22.03.2019, 12:12
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.906
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Was spricht dagegen deine Logik umzudrehen?

Code:
 Abschnitt A
.flex_model1{
	width:22%;
	margin-left:0;
}

 Abschnitt B
.flex_model1:nth-child(1) { 
margin-left:12px }
Mit Zitat antworten
  #5 (permalink)  
Alt 22.03.2019, 13:05
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 84
seerose befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Was spricht dagegen deine Logik umzudrehen?
achso, ich dachte es geht noch eleganter, indem ich einfach schreibe würde

HTML-Code:
 .flex_model1{
	width:22%;
}

 
.flex_model1:XXX-child(1) { 
margin-left:12px }     Ab den 2.
konnte mir einfach nicht vorstellen das es nicht sowas gibt wie alle außer den 1.
Zumal ich schon oft das Problem hatte.
Mit Zitat antworten
  #6 (permalink)  
Alt 22.03.2019, 13:47
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.906
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Hm? Inwiefern ist das eine "eleganter" als das andere?
Beides bedeutet doch das gleiche, nur das du das Attribut umdrehst.

Zitat:
konnte mir einfach nicht vorstellen das es nicht sowas gibt wie alle außer den 1.
Gibt es doch. Alle - bis auf den 1.

Code:
/* Alle */
 .flex_model1{
	width:22%;
}
/* Bis auf den ersten */
.flex_model1:first-child { 
margin-left:12px }
Mit Zitat antworten
  #7 (permalink)  
Alt 22.03.2019, 14:40
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

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;
}
Mit Zitat antworten
  #8 (permalink)  
Alt 25.03.2019, 09:10
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.988
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

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.
Mit Zitat antworten
  #9 (permalink)  
Alt 25.03.2019, 09:25
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Du meinst vielleicht die :not() Spezifikation Level 4?

https://developer.mozilla.org/de/docs/Web/CSS/:not


Level 3 funktioniert bei allen modernen Browsern.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 25.03.2019, 09:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.988
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Ja danke, dann kann man es natürlich verwenden
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 12:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 16:09
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 02:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 08:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 11:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:54 Uhr.