CSS text-shadow 속성이 계층 구조를 따르지 않습니다. visited 가상 클래스

Question

visited pseudo-class 및 CSS의 text-shadow 속성에 약간의 문제가 있습니다. 내가 가지고 싶은 것이 사실

li.episode a{ 
display: block; 
float: left; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
margin: 1px; 
padding: 5px; 
font-size: 14px; 
background-color: #eeeaea; 
text-shadow: 0 1px 0 white; 
} 

li.episode a:visited { 
background-color: #23EE44; 
text-shadow: none; 
color: white; 
} 

li.episode a:hover { 
background-color: #23EE44; 
text-shadow: 0 1px 0 #10C72E; 
color: white; 
} 

가 공중 선회 할 때와 똑같이 방문한 링크입니다 :

여기 내 코드입니다.

: 호버 크롬/사파리에서 잘 작동하지만 방문 링크가 첫 번째 텍스트 그림자 속성 유지 :

text-shadow: 0 1px 0 white; 

대신에 아래의 하나를 (내 코드에서 "없음"을 사용할 수 없지만 아무튼 시도 작동하지 않는 것 같습니다.)

도움을 주신 여러분 감사합니다!

Answer 1

으로 인해 :visited에 대해 명시 적으로 정의 할 수있는 CSS 속성이 거의 없습니다. (이 브라우저에 따라 다를 수 있지만, 텍스트 그림자 확실히 최소한의 크기 변경, 모든 브라우저에서 작동하지해야 하나)로

MDN은 modifyable 속성을 정의합니다

• 색상을
• 배경 색
• 국경 컬러
• 개요 컬러

그리고 추가로 당신은 DEFI 할 수 없습니다 ne opacity 또는 기본 a 셀렉터가 이러한 작업 중 하나를 수행 한 경우 링크를 표시하거나 숨 깁니다.