2010-03-30 4 views
1

Je sais comment faire référence à un tag avec un id ou class dans cssCSS: Comment se référer à une balise

<table id="cooltable"> 
     <tr> 
      <td></td> 
      <td></td> 
     </tr> 
</table> 

donc dans css, u Référer ce <table> par

table#cooltable{ 
    ... 
} 

Cependant , si je veux référencer le <td> dans <table> dans css, comment puis-je cela?

+2

S'il vous plaît lire un livre sur CSS au lieu de l'adopter aveuglément et l'apprendre comme vous codez. Vous serez beaucoup mieux si vous comprenez comment cela fonctionne. Les chances sont, en l'apprenant, que vous reviendrez et regarderez le vieux CSS que vous avez écrit et riez de vous-même. –

+0

Le tableau ci-dessous donne un bon aperçu de tous les modèles de sélecteur disponibles dans CSS2: http://www.w3.org/TR/CSS2/selector.html et pour CSS3: http://www.w3.org/TR/ css3-selectors/# selectors –

+0

Cela peut être répondu dans un commentaire: #cooltable td {...}. Cependant, cela sélectionnera TOUS les éléments td qui sont sous #cooltable. – Armstrongest

Répondre

7

En CSS, le caractère d'espace sur ses propres moyens "descendant". Par exemple, cela fait référence à tous les td qui est un descendant de table#cooltable:

table#cooltable td { 
    ... 
} 

Vous pouvez également utiliser l'opérateur >: ce qui est plus stricte, et ne concerne que les enfants directs. Pour obtenir le même effet en utilisant cela, vous écrivez:

table#cooltable > tr > td { 
    ... 
} 

Dans ce cas, je préfère la première option, mais il y a des situations multiples couches de <div> balises, par exemple, ou des tableaux imbriqués, où c'est un outil très utile.

+0

Note: Le sélecteur d'enfant ne fonctionne pas dans IE6. http://www.quirksmode.org/css/selector_child.html –

0
table#cooltable td { 
    /* css goes here */ 
} 
Questions connexes