nth-child nur auf bestimmte Klasse anwenden

[Max Fuchs]

Hallo!

Ich möchte mithilfe der Pseudoklasse :nth-child Elemente nur einer Klasse innerhalb eines div-Elements zählen lassen. Momentan zählt die Pseudoklasse alle Elemente. Gibt es eine Möglichkeit dies zu ändern?

Viele Grüße und Danke! Max

[MrMurphy1]

Hallo,

wie sollen wir dir ohne Link zur Seite oder notfalls dem relevanten HTML / CSS Quelltext helfen?

Gruss

MrMurphy

[Max Fuchs]

Berechtigter Einwand! Habe allerdings soeben eine Möglichkeit gefunden, dass Problem zu umgehen.

Hallo,

wie sollen wir dir ohne Link zur Seite oder notfalls dem relevanten HTML / CSS Quelltext helfen?

Gruss

MrMurphy

[Tabellenkalk]

Hallo,

wie sollen wir dir ohne Link zur Seite oder notfalls dem relevanten HTML / CSS Quelltext helfen?

Na, z.B. indem man selber einen Link zur entsprechenden Doku liefert.

Gruß
Kalk

[Max Fuchs]

Problem gelöst!

[Gunnar Bittersmann]

@@Max Fuchs

Problem gelöst!

Du möchtest deine Lösung mit uns (d.h. dem Archiv) teilen?

LLAP 🖖

[Tabellenkalk]

Hallo,

Du möchtest deine Lösung mit uns (d.h. dem Archiv) teilen?

Generell ist die Bitte, fürs Archiv die Lösung zu posten natürlich richtig. In diesem Fall scheinen aber zwei Links auf die Doku ausreichend zu sein:

2. nth-child
3. Klassenselektor

Gruß
Kalk

[Gunnar Bittersmann]

@@Tabellenkalk

Generell ist die Bitte, fürs Archiv die Lösung zu posten natürlich richtig. In diesem Fall scheinen aber zwei Links auf die Doku ausreichend zu sein:

2. nth-child
3. Klassenselektor

Nein.

.myClass:nth-child(even) selektiert alle Elemente der Klasse myClass, die in ihrem Elternelement an gerader Position stehen.

Bei

<ul>
  <li>A</li>
  <li class="myClass">B</li>
  <li class="myClass">C</li>
  <li>D</li>
  <li class="myClass">E</li>
  <li class="myClass">F</li>
</li>

wären das B (2.) und F (6.).

Gesucht sind aber alle Elemente der Klasse myClass, die in dieser Kollektion an gerader Position stehen. Also C (2.) und F (4.).

LLAP 🖖

[Gunnar Bittersmann]

@@Gunnar Bittersmann

.myClass:nth-child(even) selektiert alle Elemente der Klasse myClass, die in ihrem Elternelement an gerader Position stehen. […]
Gesucht sind aber alle Elemente der Klasse myClass, die in dieser Kollektion an gerader Position stehen.

Mit Level-4-Selektor wird das möglich sein: :nth-child(even of .myClass)

Der Unterschied wird im Beispiel 42 nochmals erklärt.

LLAP 🖖

[Gunnar Bittersmann]

@@Max Fuchs

Ich möchte mithilfe der Pseudoklasse :nth-child Elemente nur einer Klasse innerhalb eines div-Elements zählen lassen.

Unterscheiden sich diese Elemente nur in ihrer Klasse oder auch in ihrem Elementtyp? Für letzteres gibt es die Pseudoklassen :nth-of-type und :nth-last-of-type.

Für ersteres die Frage: Warum nicht? Ansonsten:

Momentan zählt die Pseudoklasse alle Elemente. Gibt es eine Möglichkeit dies zu ändern?

Nein, AFAIS nicht mit CSS.

LLAP 🖖

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Momentan zählt die Pseudoklasse alle Elemente. Gibt es eine Möglichkeit dies zu ändern?

Nein, AFAIS nicht mit CSS.

Da hatte ich nicht weit genug in die Zukunft gesehen.

LLAP 🖖