HTML : 특정 클래스에만 링크 색상을 설정하는 방법

이 질문이 Don't change link color when a link is clicked 인 것을 보았습니다. 이제 막혔습니다.HTML : 특정 클래스에만 링크 색상을 설정하는 방법

내 페이지에 여러 개의 링크가 있으며 그 중 일부는 class="menuLink"입니다. 이제는 정상 링크와 다른 색상을 설정하고자하는 사람들에게만 해당됩니다. 만약 내가 사용한다면

a:link { color:green} 
a:hover { color:red } 
...

이것은 모든 링크에 적용됩니다. 그러나 어느

.menuLink:link {color:green} 
//I think because the css "doesn't know" that this class is used for links

도

.menuLink a:link {color:green}

작동합니다. 이것을 어떻게 할 수 있습니까?

출처

2012-10-21 Valentino Ru

"링크"의 반대 – xec

가까운 사이.

a.menuLink:link { color: green; }

달성하려는 의도였습니까? 그러나이 시도 :

a.menuLink { color: green; }

이 menuLink의 클래스 명을 가진 a을 의미의 :link 중복입니다.

.menuLink a:link

는 menuLink의 클래스 이름을 가진 소자의 내부 a을 의미한다. "방문"
이
.menuLink {color: green;}

출처

2012-10-21 21:08:54

-1 셀렉터 앞에 "a"를 추가해도 A 요소가 아닌 클래스로 요소를 필터링하는 것 외에는 차이가 없습니다. – xec

@xec : 수정했습니다. 수정했습니다. –

더 잘 보입니다, downvote를 제거했습니다 :) – xec

당신이 노력 만 방문하지 않는 * 링크를 선택하고 같은 * http://www.w3.org/TR /CSS2/selector.html#link-pseudo-classes

출처

2012-10-21 21:09:20 Fraggy

분명히 그것을 시도했지만 작동하지 않습니다. –

@ValentinoRu해야합니다! http://jsfiddle.net/W8qZ7/ – xec

@Fraggy 죄송합니다, 처음으로 나를 이해하지 못했습니다. 그리고 지금 나는 당신을 이해하지 못했습니다. 문제는 링크의 일반적인 색상을 설정하는 것이 아니라 다른 상태의 색상을 설정하는 것이 었습니다. 그래서 다른 질문의 링크를 게시했습니다. 물론 질문이 너무 모호한 것은 내 잘못입니다. –

HTML : 특정 클래스에만 링크 색상을 설정하는 방법

답변

관련 문제