web-dev-qa-db-fra.com

Table spécifique CSS

J'ai un document HTML où j'ai deux tableaux différents. L'un est de classe Alpha et l'autre de classe Beta. Je veux attribuer ce CSS à la classe Beta uniquement ...

td
{
border-style:solid;
border-top:thick double #ff0000;
}

Je ne peux pas comprendre comment attribuer cela uniquement à la version bêta. Est-ce que quelqu'un sait comment?

28
John Doe

Il suffit d'appliquer le .beta sélecteur de classe à la table entière et changez votre code CSS pour n'appliquer une règle qu'aux td décédés de .beta comme ça:

<table class="beta">
    <tr>
        <td>...</td>
        <td>...</td>
    </tr>
</table>
.beta td {
    border-style:solid;
    border-top:thick double #ff0000;
}

Si vous devez appliquer la règle à plusieurs éléments dans .beta ajoutez simplement un sélecteur supplémentaire comme celui-ci:

.beta td, 
.beta th {
    border-style:solid;
    border-top:thick double #ff0000;
}

Qapla '!

70
brezanac

CSS vous permet de préciser les éléments auxquels les règles doivent être appliquées. Ajoutez simplement cette règle à la déclaration de la cellule table.Beta td et vous avez terminé.

table.Beta td 
{
    border-style:solid;
    border-top:thick double #ff0000;
}
13
John Conde