Supongamos que tenemos la siguiente tabla:

1
2
3
4
5
6
<table id="milistado">
<tr><th>1 cabecera</th><th>2a cabecera</th></tr>
<tr><td>1/1 cotendio</td><td>1/2 cotendio</td></tr>
<tr><td>2/1 cotendio</td><td>2/2 cotendio</td></tr>
<tr><td>3/1 cotendio</td><td>3/2 cotendio</td></tr>
</table>

Y queremos asignar un estilo a la primera columna (1/1 contenido). Y solo a la primera columna.

El estilo que utilizaríamos es *:

1
2
#milistado tr td:first-child { background: #F80; }
#milistado tr td:last-child { background: #F50; }

Con lo que pondríamos de color naranja solamente la primera columna. He añadido también en el ejemplo el uso del seudoelemento CSS last-child, primo hermano de first-child, que lógicamente asigna el estilo al útlimo elemento (en el ejemplo a 3/2 contenido).

Artículos relacionados

Overflow vertical en html Si tenemos una capa 'div' con unas determinadas medidas, nos puede interesar que si su contenido sobrepasa la capa que lo contiene, se muestren unas b...
Mantener capa fija en la parte inferior del navega... En casos como el mensaje de aviso de cookies, nos puede interesar mostrar una capa
que esté siempre fija en la parte inferior de la pantal...
GroundWork CSS – 01 – Framework HTML5 ... El primero de los cuatro vídeos que he preparado para mostrar cómo utilizar el framework GroundWork para la creación de páginas web responsive. En est...
Poner icono favicon a nuestra web Favicon viene del inglés favorites icon. Si os fijáis en la barra de navegación, al lado del enlace de este blog, hay un pequeño icono ( nuestro logo ...