Tout d'abord, bonjour !

Je commence à m'initier et enfin à comprendre les CSS alors je teste divers trucs pour alléger mes pages HTML (... normal...)

Mais une question demeure...

Lorsque je fais en HTML :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<table border="1">
Toutes les cellules du tableau sont entourées d'une bordure égale

Alors que quand je fais ...

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<style type="text/css">
table.bord {border:"1px solid black"}
</style>
 
<table class="bord">
Seul le tableau est entouré...
J'ai donc compris que la bordure ne s'appliquait qu'au tableau et que je devrai faire donc un style pour les TDs.

Or voilà le problème
J'ai des TD qui n'ont pas besoin d'être entourés dans d'autres tableaux et ayant un nombre considérable de TD nécessitant d'être entourés, je me demandait s'il n'y avait pas une autre solution que celle ci :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<style type="text/css">
 
/*Grosso modo...*/
 
table.bord {border:"1px solid black"}
td.bord {border:"1px solid black"}
</style>
 
<table class="bord"><tr><td class="bord"></td><td class="bord"></td><td class="bord"></td><td class="bord"></td><td class="bord"></td><td class="bord">
... et des brouettes...
</td></tr></table>...
N'y a t'il pas moyen comme en HTML d'assigner des paramètres de bordures au tableau qui se répercutent sur les cellules ?

PS : j'ai effectué une recherche initial + FAQ de dvp.com (sinon, vous pouvez toujours donner des petits liens utiles ^^ ça serait sympa aussi)