Selecteur tableaux

bonjour

je voudrais aligner les deux premières colonnes d'un tableaux de 10 colonnes
existe t'il une autre facon que ce code ?


td:nth-child(1){
text-align:left;}

td:nth-child(2){
text-align:left;}

salutation
philippe
Modifié par philippe3441 (18 Sep 2013 - 10:06)

Hello !
Peux-tu préciser ta demande ?
Quand tu dis "aligner les deux premières colonnes", tu veux dire, aligner le contenu de tes cellules c'est ça ?

En attendant, ton code pourrait être simplifier :

td:nth-child(-n+2) {
 text-align:left;
}

Le code ci-dessus va te permettre de sélectionner uniquement les deux premiers td.

Voilà,
++

Pour une meilleure compatibilité, tu peux utiliser

td:first-child, td:first-child + td { text-align: left; }

ou encore mieux

td + td + td { text-align: center; }

Mais s'agit-il seulement de l’alignement du texte ?

bonsoir,
tu peut aussi tester

tr > :first-child, 
tr > :first-child + * 

pour cibler <td> et <th>, http://codepen.io/anon/pen/yCipe ,
... reste que : * n'est pas terrible et qu'il vaut peut-être mieux que ton sélecteur ne teste que la présence de TD ou TH .

Perso je pense que le deuxième code de Ten est le plus compatible possible.

@gc-nomade> Je ne savais pas qu'on avoir une syntaxe du genre ".element>:first-child" tu m'apprend quelque chose.