Hola...
Estoy teniendo un problema con nth-child... No es la primera vez que lo uso y nunca me ha dado problemas, pero por el tipo de porgramación que lleva la web hay varios divs dentro de otros y es lo que creo que hace conflicto y no me hace caso...
Os pongo el codigo y lo entendereis mejor... Os pongo un ejemplo, que poner todo el codigo de la web es enorme, pero me he dado cuenta que con este pequeño ejemplo tambien pasa...
Código:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nth-child</title>
</head>
<style>
#caja:nth-child(odd) { background:red; }
#caja:nth-child(even) { background:grey; }
#texto:nth-child(odd) { color:blue; }
#texto:nth-child(even) { color:white; }
</style>
<body>
<div id="contenedor">
<div id="caja">
<div id="texto">TEXTO 1</div>
</div>
<div id="caja">
<div id="texto">TEXTO 2</div>
</div>
<div id="caja">
<div id="texto">TEXTO 3</div>
</div>
<div id="caja">
<div id="texto">TEXTO 4</div>
</div>
</div>
</body>
</html>
Y el resultado es este:
http://www.juanitakalamidad.com/nth-child.html
Como veis el texto del fondo gris es azul, cuando yo en los estilos le he dicho que lo ponga en blanco...
No sé si es que estoy haciendo algo mal... El codigo de la web no es mio, es reutilizado, quien la programo antes que yo hizo lo de los divs dentro de divs... Me gustaria poder solucionarlo sin tener que cambiar mucho la programación, simplemente con los estilos... Pero si veis que es imposible solucionarlo con estilos, ¿que deberia cambiar del codigo para poder solucionar el problema?.
Podeis descargaros ese pequeño html para hacer pruebas...
Quizas sea una tonteria, pero llevo ya unas cuantas horas y no hoy con la solución...
Os agradeceria enormemente vuesta ayuda...
Un saludo!!!!!!!