2011-03-19 5 views
2

저는 HTML과 CSS의 초보자입니다. background-color으로 내 사이트의 모든 앵커 태그에 대해 :hover 의사 클래스를 설정했으나 내 사이트의 일부에는 background-image:hover뿐만 아니라 background-color이다. CSS에서 속성을 재정의하지 않는 방법

그러나 불행하게도 그 부분의 :hover 클래스

은 ( background-image)을 background-color을 무시하고, 어떻게 다른 사람을 무시 사람없이 모두 background-colorbackground-image 설정, 그래서 나는 그것의 앞에 background-image와 글로벌 background-color를 얻을?

당연히 특별한 글을 쓰지 않고 : 배경색이 & 인 이미지가 결합 된 부분에 마우스를 올려 놓았습니까?

답변

1

특이성을하는 데 도움이 캐스케이드 친구입니다

#differentTag:hover { 
    background-image: url(...); 
    background-color: #000; 
} 

희망. 귀하의 앵커에 대한 귀하의 CSS 규칙은 (사이트의 특정 부분을 표시하는 클래스 나 ID를 사용) 다음과 같은 뭔가를 구성 할 수 있습니다

a:hover { 
    background-color: red; 
} 

.some-portion a:hover { 
    background-image: url(yourimg.png); 
} 

색상이 적용되기 때문에 두 번째 규칙은 여전히 ​​배경 색상을 적용해야 모든 앵커 on the hover.

1

당신은 물론 당신이 그것을 사용하는 방법에 대한 몇 가지 예를 들어 당신이 원하는 앵커에 클래스 나 ID를 추가하면보다 정확한

관련 문제