2011-01-06 6 views
1

에 대한 기본 색상을 대체하지 않습니다 내가 정의한이 DIV 내에서 UL 들어CSS : UL 클래스의 링크 색상은 나는 다음과 사업부 정의 사업부

#main-alt-2 a:link {color:#39c;} 
#main-alt-2 a:visited {color:#39c;} 

을이 :

ul.menu a:link { 
font-weight:bold; 
display:block; 
text-decoration:none; 
color:#323232; 
} 

ul.menu 클래스 내의 다른 모든 속성이 작동합니다 (색상 제외). 매우 이상합니다!

누군가 도움을 줄 수 있기를 바랍니다.

답변

5

여러 CSS 정의가 동일한 HTML 요소와 관련된 경우 선택자 중 specificity이 비교됩니다. 낮은 특이성 걸릴 우선 순위 규칙을 만들려면 !important을 추가

ul.menu a:link {color: #323232 !important;} 

또는 두 번째 선택은 더 구체적으로 할 수 있습니다.

+0

감사합니다. 대단히 감사합니다. 모든 답변으로 문제를 해결하는 데 도움이되었지만 중요한 것은 가장 쉬운 해결책이었습니다.) o) – okdan

1

css specificity의 때문에, 당신은이 방법을 수행해야합니다

#main-alt-2 ul.menu a:link { 
font-weight:bold; 
display:block; 
text-decoration:none; 
color:#323232; 
} 
0

#main-alt-2 a:link을, 그것은, id를 선택기를 포함

specific 이상의 ul.menu a:link 당신의 선택 more specific을 확인 때문이다.

+0

hmmm, UL은 클래스가 아닌 클래스를 찾는 jquery 메뉴 내에서 사용되고 있습니다. 클래스를 좀 더 구체적으로 만들 수있는 방법이 있습니까? 아니면 모든 것을 ID로 변경해야합니까? – okdan