Hallo,
ich habe ein paar Fragen zur Pseudoklasse :nth-child()
1. Wie ist die korrekte Schreibweise? In den meisten Beschreibungen wird das Pseudoelement ohne Leerzeichen hinter das Elternelement geschrieben, also z. B.
Das funktioniert bei mir aber nicht:
http://foreninfo.bplaced.net/seiten_probleme/2014_04_16_nth_child_02.html
Hingegen funktioniert es, wenn ich vor dem Doppelpunkt ein Leerzeichen lasse:
http://foreninfo.bplaced.net/seiten_probleme/2014_04_16_nth_child_01.html
Ich habe das mit Firefox, IE11, Chrome und Opera getestet - immer das gleiche Ergebnis.
Welche Schreibweise ist korrekt bzw. wo kann ich die korrekte Schreibweise nachlesen?
2. Kann die Anweisung von :nth-child(2n) auf das direkte Kind-Element beschränkt werden?
Ich habe zum Beispiel 6 DIV, von denen jedes zweite einen goldenen Hintergrund bekommen soll. Jedes DIV enthält wiederum weiteren Inhalt, in diesem Fall eine Überschrift und einen Absatz. Mit der Anweisung " :nth-child(2n)" bekommt auch jeweils der Absatz einen goldenen Hintergrund, da es sich um das 2. Element des DVI handelt.
Kann die nth-child-Anweisung so formuliert werden, das jeweils nur die zweiten Kindelemente von main, also in dem Beispiel jedes zweite DIV, einen goldenen Hintergrund erhält?
http://foreninfo.bplaced.net/seiten_probleme/2014_04_16_nth_child_03.html
Gruss
MrMurphy
ich habe ein paar Fragen zur Pseudoklasse :nth-child()
1. Wie ist die korrekte Schreibweise? In den meisten Beschreibungen wird das Pseudoelement ohne Leerzeichen hinter das Elternelement geschrieben, also z. B.
Code:
main:nth-child(2) {
...
}
Das funktioniert bei mir aber nicht:
http://foreninfo.bplaced.net/seiten_probleme/2014_04_16_nth_child_02.html
Hingegen funktioniert es, wenn ich vor dem Doppelpunkt ein Leerzeichen lasse:
Code:
main :nth-child(2) {
...
}
http://foreninfo.bplaced.net/seiten_probleme/2014_04_16_nth_child_01.html
Ich habe das mit Firefox, IE11, Chrome und Opera getestet - immer das gleiche Ergebnis.
Welche Schreibweise ist korrekt bzw. wo kann ich die korrekte Schreibweise nachlesen?
2. Kann die Anweisung von :nth-child(2n) auf das direkte Kind-Element beschränkt werden?
Ich habe zum Beispiel 6 DIV, von denen jedes zweite einen goldenen Hintergrund bekommen soll. Jedes DIV enthält wiederum weiteren Inhalt, in diesem Fall eine Überschrift und einen Absatz. Mit der Anweisung " :nth-child(2n)" bekommt auch jeweils der Absatz einen goldenen Hintergrund, da es sich um das 2. Element des DVI handelt.
Kann die nth-child-Anweisung so formuliert werden, das jeweils nur die zweiten Kindelemente von main, also in dem Beispiel jedes zweite DIV, einen goldenen Hintergrund erhält?
http://foreninfo.bplaced.net/seiten_probleme/2014_04_16_nth_child_03.html
Gruss
MrMurphy