클래스 선택자와 아이디 선택자

클랙스 선택자

· 직접 이름을 지정하여 속성을 지정하는데 사용

·  . 으로 시작

   ex) .classname {속성값;}

· 웹사이트에서 부분적인 효과를 담당

· 반복적으로 동일하게 사용되는 선택자

 

아이디 선택자

· 직접 이름을 지정하여 속성을 지정하는데 사용

· # 으로 시작

  ex) #idname {속성값;}

· 웹사이트의 레이아웃을 담당

· 웹 페이지에서 유일하고 한 번만 사용되는 선택자

 

예를 들어서 A라는 학교와 B라는 학교가 있다. 이때 A라는 학교와 B라는 학교를 아이디 선택자라고 생각하고 각 학교에 있는 반들을 클래스 선택자라고 생각하면 된다.

즉, A, B와 같이 학교의 이름은 유일하기 때문에 아이디 선택자로 보고 1반, 2반과 같이 반의 이름은 반복적으로 사용되기 때문에 클래스 선택자로 본다.

 

[참고] 처음부터 다시 배우는 HTML5&CSS3 :반응형 웹 표준 사이트 제작까지