Categoría: Programación web

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><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; }#milistado […]

» Read more

En casos como el mensaje de aviso de cookies, nos puede interesar mostrar una capa <div> que esté siempre fija en la parte inferior de la pantalla. En los navegadores nuevos es fácil de asignar el esilo a dicha capa: 1 2 3 4 // Ponemos en nuestra página la capa que contiene el mensaje <div class="container-cookie">Texto de la cookie</div> // Ahora en nuestra oja de estilos definimos la posición indicando que se quede fijo en la parte inferior del […]

» Read more