[GastForen Web allgemein HTML und CSS / Stylesheets div-Elemente mit einer bestimmten Klasse ansprechen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

div-Elemente mit einer bestimmten Klasse ansprechen

Graciosa
Beiträge gesamt: 154

21. Aug 2015, 15:04
Beitrag # 1 von 4
Bewertung:
(4870 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
In einem div mit der Klasse inside
Code
div class="inside" 

stecken viele weitere div-Elemente.

Ich möchte jetzt jedes 2. und 3. vorkommende div-Element mit der Klasse schmal
Code
div class="schmal" 

ansprechen. Das gelingt mir aber nicht.


Wenn ich z.B. als Selektor folgendes wähle:
Code
div.inside div[class*="schmal"]:nth-of-type(2) {} 

spricht er keinen dieser div-Elemente an.

Wenn in Klammern 1 steht oder first-of-type, spricht er alle ersten div-Elemente innerhalb des div.schmal an.

Gibt es irgendeine Möglichkeit, wie ich das lösen kann? Sind div-Elemente keine Kinder? Mit nth-child geht gar nichts.

Gruß,
Bettina

--------

www.knell-design.de
X

div-Elemente mit einer bestimmten Klasse ansprechen

swisscheese
Beiträge gesamt: 387

21. Aug 2015, 19:03
Beitrag # 2 von 4
Beitrag ID: #542240
Bewertung:
(4837 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Bettina

Das wird mit CSS alleine nicht gehen. Es bräuchte einen "nth-of-class(n)"-Selector, den gibt's aber nicht.
Ein Ansatz wäre mit javascript (z.B. jquery-Library, ist ja heutzutage sowieso überall an Bord) ein kleines Funktiönchen zu schreiben.

Gruss, Gerd


als Antwort auf: [#542235]

div-Elemente mit einer bestimmten Klasse ansprechen

Graciosa
Beiträge gesamt: 154

22. Aug 2015, 09:13
Beitrag # 3 von 4
Beitrag ID: #542243
Bewertung:
(4741 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
... und da hört es leider auf bei mir. Funktiönchen kann ich nicht.

Ich stoße immer wieder auf Situationen, bei denen ich Java Script brauche - irgendwann muss ich das halt lernen - die Zeit reicht leider nicht dazu.

nth-of-class gibt es dann hoffentlich bei CSS4

Für mein Problem habe ich jetzt eine andere Lösung gefunden - das geht jetzt erst mal so.

Danke trotzdem! Es hilft ja auch, wenn ich weiß, dass ich da mit CSS nicht weiterkomme und nicht weiter experimentieren brauche.

Gruß,
Bettina

--------

www.knell-design.de


als Antwort auf: [#542240]

div-Elemente mit einer bestimmten Klasse ansprechen

MurphysLaw
Beiträge gesamt: 588

24. Aug 2015, 12:48
Beitrag # 4 von 4
Beitrag ID: #542274
Bewertung:
(4608 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Bettina,

ich glaube, es geht doch. Habe da mal ein bisschen gegoogelt:
http://stackoverflow.com/questions/3462298/select-every-nth-element-in-css

Schätze, Du musst nur ein n hinter deine Zahl setzen:
Code
div.inside div[class*="schmal"]:nth-child(2n) 


Probiers doch mal.

Viele Grüße,
Murphy

________________________________________

Die letzte Stimme, die man hört, bevor die Welt explodiert, wird die Stimme eines Experten sein, der sagt: Das ist technisch unmöglich! (Sir Peter Ustinov)


als Antwort auf: [#542243]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
28.07.2021

Zürich, Birol Isik BK Academy / SNF Academy - Online
Mittwoch, 28. Juli 2021, 08.00 - 18.00 Uhr

Webinar

Webseite erstellen mit WordPress Marketingmassnahmen Change Management Digitalisierung Herausforderungen & Chancen Content Publishing

Ja

Organisator: Birol Isik - BK Academy Schweiz / SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT snfa DOT ch

https://www.snfa.ch/pers%C3%B6nlichkeitsentwicklung-coaching