Comment puis-je formater tous les éléments td contenus dans une table avec la classe myclass en CSS?

Question

Comment puis-je formater tous les éléments td contenus dans une table avec classe myclass en CSS?

Je veux une règle de format qui s'applique à <table class="myclass"><td>FORMAT THIS</td></table>.

Answer 1

Avec un descendant selector:

table.myclass td { — } 

Answer 2

table.myclass td { color: blue } 

Votre table manque un élément tr par la manière.

Answer 3

...........

table.myclass td{ 
/* your styles */ 
} 

Have a look at CSS selectors for more info.

Answer 4

pour autant que je suis conscient que vous devez faire cela

table.myclass td { styles in here } 

Answer 5

table.myclass td { ... } 

Answer 6

Ce simple css ne le fera pas?

.myclass td{} 

Answer 7

table#myid td { color: blue }// chaque td dans une table individuelle avec id myid

table pourrait être abandonné, mais je l'ai gardé pour la sémantique.

#myid.myclass td { color: blue } * // chaque td dans tout ce qui a un ID de myid et une classe de myclass. ^{"est un" id (myid) que "a une" classe (MyClass)} ;-) *

---

^{choses deviennent amusant surtout quand on commence à jouer avec nième enfant (x) tables à l'intérieur, etc. » "!}

le problème semble être plus un cas de "Scope" qu'actuellement l'attribution de tout CSS. En attribuant un identifiant vous limite .IE contrôler la portée à un unique élément, utilisez classe lorsque vous avez l'intention d'étendre la portée à tous les éléments qui partagent une classe. Donc en théorie, vous n'avez qu'à spécifier le fichier .myclass td {etc}, mais je voulais juste affirmer vos intentions et votre raisonnement, codage heureux.

Mais oui, je suis d'accord, s'il vous plaît jeter un oeil à sélecteurs css et jquery ( Sizzle). C'est facile et tellement ... puissant. : X

CSS Selectors - INCLUDING THE CSS VERSION EACH NEEDS!