Ver Mensaje Individual
  #7 (permalink)  
Antiguo 01/01/2011, 12:45
prozaius
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: problemas con :hover

Cita:
Iniciado por kseso? Ver Mensaje
Mariomón:
Supongo que los manuales a los que se refiere, indicarán la imposibilidad de css para actuar sobre los ancestros (padre, abuelos...). Si no fuese así, tírelos a la papelera.
Aquí un artículo interesante al respecto:
[URL="http://snook.ca/archives/html_and_css/css-parent-selectors"]Why we don't have a parent selector[/URL] [ing] por Jonathan Snook, [URL="http://twitter.com/snookca"]@snookca[/URL]

Sobre lo que yo le he rectificado es sobre la posibilidad que sí da css de actuar sobre elementos que están a la misma "altura" (adyacentes, hermanos) y sobre los descendientes de éstos últimos.
Basta con usar el selector apropiado a cada caso:
Código CSS:
Ver original
  1. elemento + elemento {}
  2. elemento ~ elemento {}
  3. /*y sus derivados*/
  4. elemento hijo:hover + elemento hijo {}
  5. elemento hijo:active ~ elemento hijo {}
Muchas gracias por vuestras respuestas y en especial a kseso por indicarme el camino. Sin embargo, y dado que no tengo muchos conocimientos en css, no consigo resolver el problema, a pesar de que he accedido a los enlaces facilitados por kseso y realizadas varias pruebas. Entiendo que tal y como tengo el código caja1 es padre de caja2 y debería cambiar algo para que fuesen hermanos o adyacentes, ¿no es así? pero sinceramente no sé como hacerlo. Agradecería alguna ayudita extra. Saludos