<div id="container">
<ul>
<li>
<a href=http://google.fr target="_blank">Google</a>
</li>
</ul>
</div>
#container {
width: 200px;
height:50px;
border: solid red 1px;
ul {
position:relative;
top:10px;
left:30px;
margin:0;
list-style-type: none;
li {
a {
text-decoration: none;
font-weight: bold;
color: green;
// & : représente l'élément parent
&:hover{
color:red;
}
}
}
}
}
Testez vos propres exemples sous Jsfiddle. Cliquez ici