11. css 기초: 선택자

 

css를 이용해 웹페이지에 있는 여러 요소를 제어하려 할 때 사용하는 선택자를 살펴보자

선택자를 이용해야 웹페이지를 구성하는 여러 요소에 효과를 효율적으로 줄 수 있기 때문이다.

id 라고 지정된 값에는 <style> 적용에서 #을 붙여야 합니다.

.은 클래스를 의미하고 #은 id 를 의미하기로 약속돼 있습니다.

 

... 생략 ...
#first{
   color: green;
}

 

<span id="first" class="js">JavaScript</span>

 

• 클래스(class) 는 무언가를 그루핑 한다는 것 ( 반 )
• 아이디(id)는 어느 한가지 대상을 식별 한다는 것 ( 학번 )

 

id 선택자가 가장 우선순위가 높기 때문에 id 선택자의 기준으로 수행된다.

 

css 에서 가장 중요한 문법 중 하나가 선택자 입니다. 선택자가 왜 중요하냐면 아무리 효과를 많이 알고 있고 , css 속성을 많이 알고 있어서 그 속성을 누구에게 적용 할 것인가를 정확하게 타깃팅 할 수 없다면 아무 의미도 없기 때문이다.