====================[ METODO 1 ]========================== <style> td .miestilo {Background-Color:#f1f3f5;} </style>
<table> <tr> <td class="miestilo">cell 0</td> <td>cell 1</td> <td>cell 2</td> </tr> </table>
Este método no puede funcionar nunca. El selector debe ser "td.miestilo", no "td .miestilo" (sin espacio). Según este método, estás aplicando la regla de css a cualquier elemento descendiente de una etiqueta TD, cuya clase sea "miestilo". Por ejemplo <td><span class="miestilo">...</span></td>
===================[ METODO 2 ]========================== <style> table .miestilo td {Background-Color:#f1f3f5;} </style>
<table class="miestilo"> <tr> <td>cell 0</td> <td>cell 1</td> <td>cell 2</td> </tr> </table> =======================================================
El problema es el mismo que el anterior. Debería ser "table.miestilo" (sin separación) y se aplica a cualquier etiqueta TD dentro de la tabla.
Para hacer lo que tu quieres puedes:
- Utilizar una clase o identificador (método 1 correctamente aplicado)
- Usas un selector de CSS2 [1] (aunque no funcionaría en IE). Para tu tabla quedaría algo así:
TABLE TR:first-child TD:first-child {...}
- Utilizar una etiqueta de encabezado de tabla "TH" para esa celda, aunque semánticamente dependería de su contenido:
TABLE TR TH {...}
<table> <tr> <th>cell 0</th> <td>cell 1</td> <td>cell 2</td> </tr> </table>
Un saludo
Daniel G.B Exelweiss Ent.
[1] http://www.sidar.org/recur/desdi/traduc/es/css/selector.html
_______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org