CSS 선택자

jjburi·2020년 9월 3일
0

개요


CSS는 웹사이트를 스타일링 하기위해 사용되는 언어이다. 그렇기에 어떤 태그에 적용할 것인지 정의하는 문법이 필요한데, 이를 선택자라고 부른다.

선택자의 종류

1. 태그선택자

태그 전부에 스타일을 적용한다.

h6 { color:#0F0; font-size: 30px }

2. id선택자

HTML태그에서 설정한 id를 적용하며, #id명의 형식으로 사용한다. id선택자는 하나의 객체에만 적용 가능하다. 또한 class선택자보다 더 강한 specificity~~(머라 말해야할지 모르겠넴,,)~~를 갖고 있기에, 만약 html에서 id와 class를 동시에 사용하고 있따면, css에서는 id에 관한 규칙이 우세를 갖는다.

#container{ background-color: #ffffff;}

3. class선택자

HTML태그에서 설정한 class를 적용하며, .class명의 형식으로 사용한다. id선택자와 달리 여러 객체에 적용 가능하다.

.container{ background-color: #ffffff;}

관심 있을 만한 포스트

0개의 댓글