호버 및 활성 페이지 스타일링

Question

나는 사람이 탐색 항목이나 때 탐색 항목 페이지가 활성화 가리킬 때 내 앵커 텍스트 흰색을 시도하고있다.

현재, 모두 잘 텍스트 색상을 제외입니다. 충분히 간단하지만 나는 고군분투하고 있습니다. 순자산 항목 중 하나가 마우스 커서를 올려 확인한 또는 활성 페이지 인 경우

나는 앵커 텍스트 흰색되고 싶습니다. 현재 앵커 텍스트는 회색으로 바뀌며 불투명도 때문에 의심됩니다. 이 코드의 관련 샘플이 아니라 내가 여기에 중요 할 수있는 다른 무엇을 볼 수 없습니다

.dropdown ul li.current_page_item, 
.dropdown ul li:hover, 
.dropdown ul li.on { 
    background-color: orange; 
    opacity:0.4; 
    color: white; 
} 

그것은 수 : 여기

내가 사용하고있는 코드입니다. 나는 Wordpress 사이트에서 일하고 있으며 CSS로 작업하는 것이 조금 까다 롭다. http://tinyurl.com/m562wgd

Answer 1

앵커 태그는하지 않습니다 사람이 내가 관련 조각을 추가하지했습니다 생각하면 여기 사이트 자체입니다 그 부모로부터 색상을 상속, 그래서 당신은 명시 적으로 설정해야합니다

.dropdown ul li:hover a{ 
    color: white; 
} 

Answer 2

이 .dropdown ul li.on 규칙에서 color: white;를 제거하고 대신 새 CSS 규칙에 추가 :

이

.dropdown ul li:hover > a { 
    color: white; 
} 

Answer 3

는 리튬 태그 안에 하이퍼 링크하기 위해 CSS를 추가

.dropdown ul li a:hover {color: white;} 

Answer 4

당신은 텍스트가 회색으로 표시 만들고있다 불투명도 있다는 말이 맞아. 흰색 텍스트에 40 % 불투명도를 적용하는 코드가있는 방식입니다. 진정으로 흰색을 원한다면 불투명도를 완전히 떨어 뜨리거나 높은 값 (0.9)으로 만듭니다.

당신은 확실히 불투명도를 원하지만, 모든 브라우저 불투명도를 인식 염두에 보관하지 왜 - 흰색 100 %를하고 보여줍니다. 그리고 나는 IE8 이하가 태그 : hover psuedo-class를 지원하지 않는다고 믿는다.

.dropdown ul li.current_page_item a, 
.dropdown ul li a:hover, 
.dropdown ul li.on a { 
    background-color: orange; 
    opacity:0.4; 
    color: white; 
} 

희망이 있습니다. !