Css3 tricks 2

by beatricevivaldi

HTML

<!--<a href="mailto:[email protected]">Email</a>
<span>Sandro Lu</span>
<a href="mailto:[email protected]">Email</a>
<span>Paolo Rossi</span>
<a href="mailto:[email protected]">Email</a>
<span>Giovanni Muciaccia</span>-->
<a href="#capitolo1">vai al cap1</a>    
<a href="#capitolo2">vai al cap2</a>    
<a href="#capitolo3">vai al cap3</a><br/>    
<a id="capitolo1">cap1</a>
<a id="capitolo2">cap2</a>
<a id="capitolo3">cap3</a>

CSS

/* 
elemento successivo al link 
a [href$="[email protected]"] ~ span {
    color: red;
}

tutti gli elementi successivi
a [href$="[email protected]"] ~ span {
    color: red;
}



tutti gli elementi che non hanno questa caratteristica
a:not [href$="[email protected]"] + span {
    color: red;
}*/

a:target{
    color: red;    
}