Duda rapida de css

HoRTeL

Imaginad que hay una tabla tal que
<table>
<td>
<td>
<td>

hay alguna manera de dirigirse solo a uno de los <td> para cambiar su estilo, sin que cambien los de los demas?
Sin usar clases, pues mi problema es que se generan unas tablas automaticamente, y no tengo acceso ni al html generado ni a donde se genera, solo a la hoja de estilos.

Gracias y disculpad los acentos (teclado ingles)

ZaO

td:first-child para el primero td
td:last-child para el ultimo td
td:nth-child(x) si quieres tocar los demas td

1 1 respuesta
Fr4nk0

#1 lo que te dice #2 es válido teniendo en cuenta que los hijos cuentan para una fila <tr>, así que si no tienes tampoco como identificar una fila, tendrás que usar esas mismas propiedades que dice #2 para las filas (tr) y luego para las columnas (td) al estilo:
tr:nth-child(2) td:nth-child(2). Eso cogería la segunda columna de la segunda fila.
El índice en nth-child comienza en 1 (sí, es un lio que normalmente en programación el primer indice es el 0, pero aquí no), pero tb puedes usar odd para los impares, even para los pares o formulas del tipo 2n para los pares y 2n+1 para los impares (donde en este caso n empieza por 0, vamos formulas del tipo a·n+b donde a es el tamaño del ciclo, n el contador que empieza en 0 y b un offset).

Con eso y probando combinaciones podrías acceder a todo lo que quieras, eso si, según el caso necesitarás más reglas o menos, ya que si no puedes añadir clases o id's...

HoRTeL

Muchas gracias a los dos.

Usuarios habituales

  • HoRTeL
  • Fr4nk0
  • ZaO