ul li ibriquées

by Guillaume Seguin

HTML

<ul>
	<li>
		<a>Première</a>
		<ul>
			<li>
				<a style="padding-left:20px;">Première</a>
				<ul>
					<li>
						<a style="padding-left:40px;">Première</a>
					</li>
				</ul>
			</li>
			<li>
				<a style="padding-left:20px;">Seconde</a>
			</li>
		</ul>
	</li>
	<li>
		<a>Seconde</a>
	</li>
	<li>
		<a>Troisième</a>
	</li>
</ul>

CSS

ul, li{
    padding:0;
}
a{
    display: block;
    border-bottom: 1px solid #B6C8D3;
}
li a:hover{
    background-color: green;
}