aparte de que no logro hacerlo funcionar en chrome (6.0.472.55), me toma por curioso un detalle. parece que chrome no puede identificar correctamente el elemento cuando se emplea la pseudoclase :hover combinado extensamente con el selector adyacente (sibling). o sea, la unica forma que lo hago funcionar es si se establece :hover justo antes de un nivel adyacente.
Código HTML:
<div><p>paragraph</p>
<p>paragraph</p>
<p>paragraph <strong>strong</strong>, <em>emphatize</em>, <small>small</small></p></div>
Código:
/* no funciona en chrome */
p:hover + p + p > strong + em + small{
color:red;
}
/* funciona en chrome */
p + p:hover + p > strong + em + small{
color:red;
}
me lleva a la conclusion que la implementacion de chrome en este aspecto es pobre o tiene error.