[CSS] 선택자

CSS

선택자의 기본

<우선순위>

1. 태그 선택자    ex) a

2. 클래스 선택자    ex) .saw

3. id 선택자    ex) #active

좀더 구체적인게 우선순위가 높다고 생각하면 이해하기 쉬움

되도록 class를 사용하고 예외의 경우만 최소한으로 id를 사용하자.

<소스코드>

<서버>

+클래스 중복 선택가능

title과 uppercase라는 클래스를 중복 선택함

!important

css연산자중 가장 높은 우선순위를 가짐

//최대한 쓰지말기

h5 태그와 클래스속의h5 태그가 있다.

원래라면 클래스 속의 h5태그가 더 높은 우선순위를 가지겠지만, !important를 사용했기 때문에

h5태그가 더 높은 우선순위를 가진다.

따라서 화면에는 reveccapurple색이 나타날것!

<화면상>

보라색이 보인다.

<가상선택자>

link = 방문한 적이 없는 링크

visited = 방문한 적이 있는 링크

hover = 마우스를 롤오버 했을 때

active = 마우스를 클릭했을 때