HoRTeL
 
HoRTeL
 
#1 8 jun 12, 15:58
#1 8 jun 12, 15:58

Duda rapida de css

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)
  1
ZaO
 
ZaO
 
#2 8 jun 12, 19:28
#2 8 jun 12, 19:28
td:first-child para el primero td
td:last-child para el ultimo td
td:nth-child(x) si quieres tocar los demas td
 
Fr4nk0
 
Fr4nk0
 
#3 8 jun 12, 20:44
#3 8 jun 12, 20:44
#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
 
HoRTeL
 
#4 10 jun 12, 14:39
#4 10 jun 12, 14:39
Muchas gracias a los dos.
Favoritos
2


Regístrate y participa

La única comunidad de internet que no discrimina a las lechuzas.

Regístrate ahora! Sólo son 10 segundos!
x