28172 sujets

CSS et mise en forme, CSS3

Niveaux de selection

Bonjour à tous!

Alors j'ai une petite question concernant le css, je vais commencer par un exemple pour etre plus clair

Imaginons ce code:


<body>
     <table>
         <tr>
              <td>Ma premiere case</td>
              <td>Ma seconde case</td>
         </tr>
     </table>
</body>


J'aimerai maintenant appliquer un style au premier <td> seulement
Il y aurait-il un moyen de faire cela, sans attribuer d'id ou de class au <td>??

Je pensais a quelque chose du genre, qui ne s'appliquerait donc qu'au premier <td> rencontré


table tr td[1] {
  color:#3A6CFF;
  width:40px;
  height:20px;
}



Merci de votre aide, ça m'avancerait beaucoup Smiley biggrin
Salut,

Il y a des solutions du type :

table tr td:first { 
  color:#3A6CFF; 
  width:40px; 
  height:20px; 
}


Mais IE6 ne comprend pas ces pseudo classes....
Sinon il y a

table tr + td { 
  color:#3A6CFF; 
  width:40px; 
  height:20px; 
} 

Qui normalement cible le premier élément fils d'une tr, mais je ne crois pas que se soit compatible avec IE6 non plus [ohwell]

Modifié par N-J (21 Jul 2009 - 15:23)
Merci pour ta reponse si rapide !

Mon cas étant un peu plus compliqué que dans l'exemple, cela n'a pas l'air de marcher, même sous FireFox

Bon pour te donner une idee de mon probleme, je souhaite en realité modifier la page MySpace Music de mon groupe, je ne peux donc pas toucher au html

voila une petite parcelle du code source



<table width="435" cellspacing="0" cellpadding="0" bordercolor="#000000" border="0" class="friendsComments">
    <tbody>
      <tr>
        <td height="20" width="435" bgcolor="#ffffff" align="left" class="text">
            <table height="20" width="441" cellspacing="0" cellpadding="0" bordercolor="#ffcc99" border="1" bgcolor="#ffcc99">
                <tbody>
                     <tr>
                       <td width="441" style="">
                           <span class="orangetext15">
                               Blablabla
                           </span>
                       </td>
                    </tr>
                 </tbody>
             </table>
             <table>
                ...
             </table>
          </td>
       </tr>
   </tbody>
</table>



Je cherche a appliquer un style sur le <td width="441" style=""> mais si je fais 


.friendsComments tbody tr td.text table tbody tr td {
  height:100px !important;
  background-image:url(monImage);
  background-position:center top;
  background-repeat:no-repeat;

}


le style s'applique aussi aux td de la deuxieme table

J'aimerai donc pourvoir dire un truc du genre

.friendsComments tbody tr td.text table[1] tbody tr td { ... }
Sujet clos
Aller à