No estaba seguro de si esto es posible o no. Estoy trabajando en animaciones de CSS3 ahora mismo y tengo que situarme sobre un enlace que afectará a otro elemento de div (no hijo) en la página. No estaba seguro de si hay un trabajo alrededor o no.¿Se puede aplicar un efecto de desplazamiento de CSS a un elemento que no sea secundario del elemento de desplazamiento?
<style type="text/css">
#header {
background-color:red;
}
#header:hover .element {
background-color:blue;
}
.element {
background-color:green;
}
</style>
-
<header id="header">
<li><a href="#">Hover</a></li>
</header>
<div class="element" >
<p>hello world </p>
</div>
esto debería funcionar ... – sethvargo
puede verificar que lo probé en Chrome y Firefox. y no es así:/ – WilliamB
Eso no funcionará porque su segunda regla dice cuando encuentro un elemento con el elemento 'clase' de clase dentro de un elemento con la clase de' bgchange' que se está sobrepasando, dentro de un elemento con la ID 'header' le aplica esta regla. Y esto no refleja el HTML que usted proporciona. –