załóżmy, że potrzebuję 10 tabelek w różnych odcieniach. pierwsza np. w odcieniach niebieskich:
Kod HTML:
<table id="niebieska">
<caption>
Tytul
</caption>
<tr>
<th scope="col">LP</th>
<th scope="col">CD</th>
<th scope="col">WR</th>
</tr>
<tr>
<th scope="row">ZX</th>
<td>BX</td>
<td>KU</td>
</tr>
<tr>
<th scope="row">ER</th>
<td>HF</td>
<td>SS</td>
</tr>
</table>
do tej tabelki potrzebuje takie właściwości css'a
Kod HTML:
.contentpaneopen#niebieska table {właściwości}
.contentpaneopen#niebieska caption {właściwości}
.contentpaneopen#niebieska tr {właściwości}
.contentpaneopen#niebieska tr:hover {właściwości}
.contentpaneopen#niebieska th[scope="col"] {właściwości}
.contentpaneopen#niebieska th[scope="row"] {właściwości}
.contentpaneopen#niebieska td {właściwości}
.contentpaneopen#niebieska td:hover {właściwości}
i tyle pisania dla jednej głupiej tabelki ja potrzebuję jeszcze na stronie kilka tabelek w różnych odcieniach
a gdzie style dla rysunków, list wypunktowanych i numerowanych, a w każdej linijce muszę powtórzyć to głupie .contenpaneopen