2012-05-31 9 views
21

Este es el problema en pocas palabras:¿Puede el CSS en línea aplicar a elementos secundarios anidados en el elemento de estilo?

  • quiero aplicar el estilo vertical-align: top a cada <tr> en una mesa, sin aplicar manualmente el estilo de cada fila.
  • Tengo que usar CSS en línea porque estoy en una wiki, así que no puedo editar la hoja de estilos externa, o edito el <head> para incrustar un estilo.
  • Cuando agrego un atributo de estilo a una etiqueta <table>, parece que este estilo no se transmite a sus elementos secundarios. (Puedo ver que esto es casi siempre algo bueno.)
  • No puedo usar <style><!--...--></style>, porque esa no es una etiqueta permitida en las páginas de MediaWiki.

¿Debo resignarme a la adición de style="vertical-align: top a cada <tr>, o es todavía una solución que se me escapa?

EDITAR: Eliminó un trozo de información de fondo para limitar la pregunta a lo que sugiere el título de la pregunta.

+0

no se me ocurre otra que el uso de JavaScript. – Aliostad

Respuesta

19

¿Se puede aplicar CSS en línea a elementos secundarios anidados en el elemento de estilo?

No directamente.

Indirectamente, solo si el elemento hijo tiene that-property: inherit establecido en su hoja de estilos existente.

-4

Uso siguiente:

<style type="text/css"> 

table tr td { 
    vertical-align:top; 
} 

</style> 
+0

debería leer: 'table tr td {vertical-align: top; } ' –

+4

la pregunta se refiere explícitamente a los estilos en línea. – deltree

-4

Im que no están familiarizados con Wiki, pero se puede crear una clase y aplicar un estilo a todos los nodos hijos de esa clase?

Entonces ...

<style type="text/CSS"><!-- SomeClass tr { vertical-align: top } --></style> 

<table class="SomeClass"> 

</table> 

vale la pena intentarlo?

+0

D'oh.Resulta que '