2006년 9월 4일 월요일

놓치기 쉬운 가상클래스의 selector 순서

링크(a)에 대해 셀렉터를 적을 때 주의할 점.
CSS의 선언은 나중에 선언한 것이 앞서 선언한 것을 덮어 쓰게 된다. 대개의 경우에는 문제가 없는데, 한가지 주의해야 할 부분은, a에 대한 가상클래스(pseudo-class) - 예를 들어, :hover 따위... - 를 적을 때이다.

다음 순서를 지켜야 생각한 대로 동작하게 된다.

a:link
a:visited
a:hover
a:active
a:focus

이 부분에 대해서 정찬명씨는 명언을 남기셨다. "링크 방문시 지나치게 활동하면 주목받습니다."
외우기 쉽다.

댓글 없음:

댓글 쓰기