Un sélecteur de classe permet la déclaration de plusieurs styles soit spécifiques à un élément HTML soit spécifiques à tous les éléments HTML. Commençons d'abord par le sélecteur de classe spécifique à seul élément comme la cellule d'un tableau : td.cell_1
{
border-style: solid;
border-color: rgb(255,255,255);
border-width: 1px;
width: 40%;
align: left;
background-color: rgb(0,0,0);
}
td.cell_2
{
border-style: solid;
border-color: rgb(0,0,0);
border-width: 1px;
width: 60%;
align: right;
background-color: rgb(255,255,255);
}
Dans le document HTML nous pourrions en faire l'utilisation suivante : <tr>
<td class="cell_1">...</td>
<td class="cell_2">...</td>
</tr>
Continuons avec un sélecteur de classe pouvant être appliqué à tous les éléments HTML, celui-ci peut donc être utilisé dans tout élément HTML nécessitant une bordure : .bord
{
border-style: solid;
border-width: 1px;
border-color: rgb(255,255,255);
} | 
