Priorité des classes?

**Linio** · 06/03/2008, 20h35

Bonjour!

J'avoue aujourd'hui être un peu paumé.

En effet j'avais toujours cru que la classe la plus "basse" prenait pour les style, et qu'on pouvait en posant une classe sur un élément td par exemple passer outre son style précédent.

Voilà mon pb aujourd'hui. Je travaille à grand coup de tableau (je ne doute pas que c'est pas bien, mais bon en attendant, c'est le plus simple et rapide que j'ai trouvé).

J'ai un tableau aujourd'hui ayant cette structure :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table class="montableau">
<tr>...</tr>
<tr>
  <td>
   <table>
     <tr>
       <td> Blabla </td>
     </tr>
   </table>
  </td>
  <td>
     ....
  </td>
</tr>
</table>

Et ma CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
.montableau th{
 padding:2px;
 text-align:center;
 background-color:#EEEEEE;
 border-color:#CCCCCC;
 border-width:1px;
 border-style:solid;
}
 
.montableau td{
 padding:2px;
 border-color:#CCCCCC;
 border-style:dashed;
 border-width:1px;
}
 
.montableau td td {
 padding:2px;
 border-width:0px;
}
 
.montableau {
 border-collapse: collapse;
 background-color:#FAFAFA;
 border-width:0px;
 font-size: 12px;
 margin:auto;
}
 
.bar {
 border-color:#000000;
 border-width:1px;
 border-style:solid;
 padding: 0px;
}

J'ai rajouté le style td td pour éviter le désagréable cumul des bordures sur mes tableaux insérés dans mes cases. Malheureusement ce style prime sur le style .bar. Je suppose que c'est normal (y'a rien de magique en informatique parait il), mais alors, comment puis je faire pour avoir le bon style au bon endroit (j'aurais aimé éviter de faire un style supplémentaire montableau td .bar dans la mesure où le .bar est utilisé ailleurs...)

Voilà je sais pas si j'ai d'autres solutions, mais j'aurais bien aimé au delà de ça des éclaircissements sur les priorités sur les styles appliqués.

Merci!

**Candygirl** · 06/03/2008, 21h25

Bonsoir,

Pour comprendre, il faut que tu te penches sur le calcul de la spécificité des sélecteurs. Dans ton cas, .montableau td td est plus sépcifique que .bar puisqu'il comporte 1 classe + 2 noms de balises contre juste le nom d'une classe. Tu peux lui attribuer plus de poids en fesant le cumul de 2 classes, par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part