¿Cómo puedo formatear todos los elementos td contenidos en una tabla con clase myclass en CSS?

Question

¿Cómo puedo formatear todos los elementos td contenidos en una tabla con clase myclass en CSS?

Quiero una regla de formato que se aplica a <table class="myclass"><td>FORMAT THIS</td></table>.

Answer 1

Con un descendant selector:

table.myclass td { — } 

Answer 2

table.myclass td { color: blue } 

Su mesa es que falta un elemento tr por cierto.

Answer 3

...........

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

Have a look at CSS selectors for more info.

Answer 4

Por lo que yo soy consciente de que podría hacer esto

table.myclass td { styles in here } 

Answer 5

table.myclass td { ... } 

Answer 6

¿Este simple css no lo hará?

.myclass td{} 

Answer 7

table#myid td { color: blue }// td cada uno en una mesa individual con myid Identificación

mesa podría caer pero lo mantuvo para la semántica.

#myid.myclass td { color: blue } * // cada td en cualquier cosa con un id de myid y clase de myclass. ^{"es un" Identificación (myid) que "tiene una" clase (miclase)} ;-) *

---

^{cosas a ser divertido, especialmente cuando uno comienza a jugar con nth-child (x), etc "mesas dentro "¡!}

El problema parece ser más un caso de "Alcance" que realmente asignar cualquier css. asignando un Identificación que límite .IE controlar el alcance a un elemento único, utilice clase cuando se tiene la intención de ampliar el alcance a todos los elementos que comparten una clase. Entonces teóricamente solo necesitas especificar el .myclass td {etc}, sin embargo solo quería afirmar tus intenciones y tu razonamiento, feliz codificación.

Pero sí, estoy de acuerdo, por favor eche un vistazo a los selectores de css, y jquery ( Sizzle). Es fácil y tan ... poderoso. : X

CSS Selectors - INCLUDING THE CSS VERSION EACH NEEDS!