pseudoclass CSS, passa il mouse su un elemento, ne influenza un altro




transition css (2)

Se hai bisogno di spostare lo span, quando metti il ​​mouse sopra la a, aggiungi questo

nav ul li a:hover > span {}

Quando passo il mouse su "li a" posso quindi influenzare un altro elemento in un semplice CSS?

perché sto provando a far scorrere una scatola dentro, come elemento di sfondo, quando aleggi il mio link. Esattamente come la navigazione di questo sito, solo quando attivata, funziona con il passaggio del mouse

http://www.zindhai.com

questo è il mio codice

nav ul li a:hover{
    color: #C3E1FF;
    font-weight: 700;
}

nav ul li span:hover{
    -webkit-transform:translate(0px, 0px);
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}

nav ul li span{
    height:43px;
    width:300px;
    position: absolute;
    background-color:#47525D;
    -webkit-transform:translate(300px, 0px);
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
    background-position:initial initial;
    background-repeat:initial initial;
}

Grazie in anticipo!

Ecco come appare ora;

http://jsfiddle.net/mbyc3tf9/


Sì, è abbastanza facile da fare. Supponendo che il tuo HTML sia chiamato qualcosa come .myElement per esempio. Tutto quello che devi fare è ...

nav ul li a:hover .myElement { ... }

Quindi inserisci il tuo CSS all'interno di { } .





elements