다른 : 목록에서 첫 번째 링크에 대한

Question

내 HTML 코드를 가져.

첫 번째 링크 "Link1"에 다른 호버가 삽입되는 문장을 만드는 방법은 무엇입니까?

Answer 1

사용 :first-child 의사 선택

nav ul li:first-child a:hover { 
 
    color: red 
 
}

<nav> 
 
    <ul> 
 
    <li><a href="#">Link1</a> 
 
    </li> 
 
    <li><a href="#">Link2</a> 
 
    </li> 
 
    <li><a href="#">Link3</a> 
 
    </li> 
 
    </ul> 
 
</nav>