: first-letter 및 : hover 선택기를 함께 사용할 수 있습니까?

Question

첫 글자의 색상을 변경하기 위해 첫 번째 문자 선택기가 작동하지만 해당 영역을 가리키면 배경색과 일치하여 보이지 않게됩니다. 이

.nav-menu li a:first-letter {color:#b5b503;} 

.nav-menu li a:first-letter {font-weight:bold;} 


.nav-menu li a { 


    color: #fff; 
    display: block; 
    font-size: 15px; 
    line-height: 1; 
    padding: 15px 20px; 
    text-decoration: none; 
} 

작업 코드의 일부이다 그리고 이것은 내가 그것에서 호버 선택은 이미 같은 나는 좁은 방 문자 선택기를 추가해야하지만, 방법을 찾을 수 없습니다 생각하는 부분입니다

.nav-menu li:hover > a, 
.nav-menu li a:hover { 

    background-color: #b5b503; 
    color: #273664; 
} 

Answer 1

예, 할 수 있습니다

예 CSS :

p:first-letter { 
    font-size: 120%; 
} 
p:hover:first-letter { 
    color: white; 
} 

HTML :

여기

<p>Hello world</p> 

데모 : http://jsfiddle.net/LRFw8/1/ 코드에 대한

, 당신은 .nav-menu li a:hover:first-letter

이 스타일을 것입니다