CSS Border Radius ve Hover

Merhaba arkadaşlar.
Şu şekilde bir menüm var.

<div class="Navbar">
	<ul>
		<li><a href="#">Anasayfa</a></li>
		<li><a href="#">Hakkımızda</a></li>
		<li><a href="#">Portfolyo</a></li>
		<li><a href="#">İletişim</a></li>
	<ul>
</div>

Sorum şu. Ben ilk li tagının sol alt tarafına ve son li tagının sağ alt tarafına hover ile birlikte border radius vermek istiyorum. Diğer li tagları border radius almayacak. Bunu nasıl yapabilirim.

li:first-child() ve li:last-child() ile yapabilirsin.Bunların içine hover ve border radiuslarını vererek

İçine derken? Bu şekilde mi olacak?

li:first-child(){
   :hover { #color; #000 }
}

 

Hayır

li:first-child():hover{
   color: #000 ;
}

Bu şekilde

 li:last-child() kısmı çalışmıyor neden olabilir?

li:first-child:hover{ color: #000 ; } bu çalışıyor mu ?  () => parantez olmayacak oraya yanlışlıkla koymuşum kusura bakma.Örnek yaptım bakabilirsin https://codepen.io/SelimHamzaogullari/pen/BZZdoq

Teşekkür ederim

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git