Link의 순위에 관하여
[질문]
A:link A:hover 태그에 관하여 알고 싶습니다.
A:link, A:hover, A:visited 이런 태그는 순서와 상관이 있는지요?
A:link - 이건 검정색
A:hover - 이건 빨간색
A:visited - 이건 녹색으로 했을 때
링크는 검정색으로 나오겠죠.
그리고 오버하면 빨간색, 방문한 링크는 녹색이겠죠.
문제는 방문한 링크는 녹색인데 그걸 오버하면 빨간색으로 안 되는 경우가 있더라고요.
그래서 A:link A:hover A:visited의 순서를 바꿔보니까 방문한 링크도 오버하면 빨간색으로 되더군요.
한마디로 순서가 있는 건지요?
아니면 제가 뭔가 잘못한 것인지 꼭 좀 알려주세요. 그럼 수고하세요.
[답변]
예 우선순서가 있습니다.
일반적으로 A요소는 html요소가 아닌데 가상적으로(Pseudo)속성을 지정해서 사용하는 것입니다.
이런 우선순위는 다음과 같습니다.
1. id선택자 > 조건선택자 > class선택자 > 타입선택자 > 그룹선택자 로 우선순위
2. 동일한 선택자를 여러 번 사용한 경우는 나중에 지정한 선택자가 적용
3. html문서에서 지정한 스타일 시트보다 우선하는 것은 사용자가 지정한 스타일 시트
4. 단 예외사항으로 속성의 값이 '!important'를 지정한 속성은 모든 선택자에 대해서 우선
여기서 선택자라 함은 다음과 같습니다.
스타일 시트에서 보면 아래의 룰을 가지고 있습니다.
P{color:yellow;}
선택자{속성:속성값}
자세한 내용은 keyword="css"를 참고하세요.