CSS Pseudoklasse auf eine bestimmte Tabelle anwenden, wenn mehrere Tabellen im Dokument vorhanden
bearbeitet von Regina SchaukrugFalsch:
~~~ css,bad
#zebra {tr:nth-child(even) background-color:#D4D4D4; tr:nth-child(odd) background-color:#FFFFFF;}
~~~
Erst mal cool bleiben und schauen, was man will:
Die `tr` sind HTML-Elemente, welche in einer Tabelle mit der ID "zebra" auftreten und formatiert werden sollen.
Also:
~~~css
#zebra tr:nth-child(even) { background-color:#D4D4D4; }
#zebra tr:nth-child(odd) { background-color:#FFFFFF; }
Allerdings würde die ID für die Tabelle in eine Klasse ändern. Morgen kommt vielleicht noch eine Tabelle hinzu...
~~~
CSS Pseudoklasse auf eine bestimmte Tabelle anwenden, wenn mehrere Tabellen im Dokument vorhanden
bearbeitet von Regina SchaukrugFalsch:
~~~ css,bad
#zebra {tr:nth-child(even) background-color:#D4D4D4; tr:nth-child(odd) background-color:#FFFFFF;}
~~~
Erst mal cool bleiben und schauen, was man will:
Die `tr` sind HTML-Elemente, welche in einer Tabelle mit der ID "zebra" auftreten und formatiert werden sollen.
Also:
~~~css
#zebra tr:nth-child(even) { background-color:#D4D4D4; }
#zebra tr:nth-child(odd) { background-color:#FFFFFF; }
~~~
CSS Pseudoklasse auf eine bestimmte Tabelle anwenden, wenn mehrere Tabellen im Dokument vorhanden
bearbeitet von Regina SchaukrugFalsch:
~~~ css,bad
#zebra {tr:nth-child(even) background-color:#D4D4D4; tr:nth-child(odd) background-color:#FFFFFF;}
~~~
Erst mal cool bleiben und schauen, was man will:
Die `tr` sind ein eigene Elemente, welche in einer Tabelle mit der ID "zebra" auftreten und formatiert werden sollen.
Also:
~~~css
#zebra tr:nth-child(even) { background-color:#D4D4D4; }
#zebra tr:nth-child(odd) { background-color:#FFFFFF; }
~~~
CSS Pseudoklasse auf eine bestimmte Tabelle anwenden, wenn mehrere Tabellen im Dokument vorhanden
bearbeitet von Regina SchaukrugFalsch:
~~~ css,bad
#zebra {tr:nth-child(even) background-color:#D4D4D4; tr:nth-child(odd) background-color:#FFFFFF;}
~~~
Erst mal cool bleiben und schauen, was man will:
Die `tr` sind ein eigene Elemente, welche in einer Tabelle mit der Klasse zebra auftreten und formatiert werden sollen.
Also:
~~~css
#zebra tr:nth-child(even) { background-color:#D4D4D4; }
#zebra tr:nth-child(odd) { background-color:#FFFFFF; }
~~~