[CSS] selector

중복되는 코드를 지우기 위해서 같은 그룹으로 묶는다. -> class라는 html의 속성을 준다.

class 값이 saw인 것을 가리킬 때는 .saw라고 작성한다.

class에는 여러 개의 값이 들어올 수 있으며 띄어쓰기로 구분한다.

하나의 태그에는 여러 개의 속성이 들어올 수 있으며 여러 개의 선택자를 통하여 하나의 태그를 제어할 수 있다.

하나의 태그가 두 개의 class를 가지면 순서에 영향을 미친다.

태그와 가까운 곳의 class 일수록 우선순위가 높다.

class 앞에 #을 붙이면 .보다 우선순위가 높아진다.

id는 중복되면 안 된다.

#active > .saw > a (id > class > tag)

 

#active {

    color:red;

}

.saw {

    color:gray;

}

a {

    color:black;

text-decoration: none;

}

 

class="saw" id="active"