2011-03-26 2 views
0

:평등 다른 특성을 기반으로 CSS 속성 값 내 CSS에있는

body 
{ 
    font-size: 0.87em; 
    font-family: Calibri, Arial, Georgia, Verdana, Tahoma, Microsoft Sans Serif; 
    margin: 0; 
    padding: 0; 
    color: #666666; 
} 

a:link 
{ 
    color: rgb(124,71,111); 
    text-decoration: underline; 
} 
a:visited 
{ 
    color: rgb(41, 12, 36); 
} 
a:hover 
{ 
    color: rgb(91,25,79); 
    text-decoration: none; 
} 
a:active 
{ 
    color: #AB6D9C; 
} 

문제는 내가 좋아하는 것

.remove-linkcolor 
{ 

} 

후자 태그 ".remove - linkcolor"이다 클래스 '.remove-linkcolor'와 연결된 'a'에 대한 링크는 다음 속성이 변경됩니다.

  1. 색상은 일반 텍스트의 색상과 동일합니다. 코드의 중복을 피하고 다른 태그의 동일한 색상을 넣는 방법은 무엇입니까?
  2. 활성 상태의 효과를 제거하고 일반적으로 마우스를 가져 가면 링크로 계속 진행하므로 사용자를 클릭하면 동일하게 실행됩니다.

답변

1

는 확실하지 나는이 당신이 필요로하는 해답이라고 생각하지만 질문 2. 이해 : CSS 코드의 중복을 제거하는

유일한 방법 결합 선택기 통해, 뭔가 같은 :

body { 
    font-size: 0.87em; 
    font-family: Calibri, Arial, Georgia, Verdana, Tahoma, Microsoft Sans Serif; 
    margin: 0; 
    padding: 0; 
} 

body, .remove-linkcolor { 
    color: #666666; 
} 

하지만 선택자가 자주 반복됩니다. 유일한 다른 방법은 CSS를 사용하지 않는 것입니다 : SASS 또는 유사한 CSS 컴파일러를 사용하십시오.

+0

예! 고맙습니다! – ridermansb