[ HTML / CSS ] 선택자 기본

CSS

 

 

선택자

 

*   :   HTML 페이지 내부의 모든 태그를 선택. margin이나 padding 값 초기화나 a태그에 자동으로 삽입된 text-decoration 등을 제거할 때에 사용.

 

.ClassName   :   class의 속성 값이 ClassName으로 지정된 요소를 선택.(클래스 이름 앞에 .을 붙여서 사용) 

 

#IDName   :   id의 속성 값이 IDName으로 지정된 요소를 선택.(아이디 이름 앞에 #을 붙여서 사용)

 

 

어떨 때 class 선택자를 사용하고, 어떨 때 id를 사용해야 할까?

• 한 HTML 페이지에서 여러 번 반복되어 같은 스타일을 갖는 요소들에게는 class 선택자를 사용!
• 페이지에서 한 번만 유일하게 적용될 스타일은 id 선택자 사용!
• id 속성 값 하나는 오직 한 요소에게만 붙을 수 있다!
• id 선택자의 우선순위가 class 선택자의 우선순위보다 높다!