- 우선순위) tag<class<id
- id의 값은 단 한 번만 써야한다. 똑같은 id값을 중복으로 사용하면 안된다는 뜻.
ex) 예시 코드에서 id값으로 이미 active를 썼기 때문에 active를 또 id값으로 지정하면 안된다.
Q) 예시 코드에서처럼 코드를 작성하면 html 먼저, 그 다음에 css 방문하는 경우에만 글 색이 맞게 표시되는 것 아닌가?
예시 코드에서는 직접 HTML과 CSS를 saw class로 지정해주었는데,
방문했던 링크가 자동으로 이렇게 바뀌는 것이 아니라 하나하나 설정해줘야 하는 것인가?
→A) 가상 클래스를 이용하면 이를 해결할 수 있다. (이때, 나열된 순서대로 작성하는 것이 좋다)
1) a:link - 방문하지 않은 링크
2) a:visited - 방문했던 링크
3) a:hover - 마우스가 올려진 링크
4) a:active - 클릭하는 순간 링크
ex)
a:visited {
color:gray;
text-decoration:none;
}
// 방문했던 링크는 회색으로 표시하고 밑줄은 없앤다.
a:hover {
color:red;
text-decoration:underline red;
}
// 마우스가 올려진 링크는 빨간색으로 표시하고 빨간색 밑줄을 설정한다.
