Hola a todos.
Quiero pintar el td de la primera tabla de rojo. No hay problema, lo hago con table:first-child tr td
El problema viene cuando hay un <a href="#"></a> encima de las tablas, ya que el código CSS me deja de funcionar. Si comento <!-- <a href="#"></a> --> ya funciona. No le encuentro el sentido a esto. ¿Alguna idea?
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<style>
table:first-child tr td {
background: red;
}
</style>
</head>
<body>
<a href="#"></a>
<table><tr><td>HOLA</td></tr></table>
<table><tr><td>HOLA</td></tr></table>
<table><tr><td>HOLA</td></tr></table>
</body>
</html> Muchas gracias.