[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: 156

21. Aug 2015, 17:04
Beitrag # 1 von 4
Bewertung:
(5702 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.
X

div-Elemente mit einer bestimmten Klasse ansprechen

swisscheese
Beiträge gesamt: 387

21. Aug 2015, 21:03
Beitrag # 2 von 4
Beitrag ID: #542240
Bewertung:
(5669 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: 156

22. Aug 2015, 11:13
Beitrag # 3 von 4
Beitrag ID: #542243
Bewertung:
(5573 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.


als Antwort auf: [#542240]

div-Elemente mit einer bestimmten Klasse ansprechen

MurphysLaw
Beiträge gesamt: 588

24. Aug 2015, 14:48
Beitrag # 4 von 4
Beitrag ID: #542274
Bewertung:
(5440 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


als Antwort auf: [#542243]
X

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
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

https://www.impressed.de/schulung.php?c=sDetail&sid=327

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!