[CSS] CSS 일반 선택자

CSS 선택자에는 크게 일반 선택자, 복합 선택자, 가상 클래스 선택자, 가상 엘리먼트 선택자, 속성 선택자가 있다.

일반 선택자에는 전체 선택자, 타입 선택자, 클래스 선택자, ID 선택자가 있다.

1.전체 선택자 *{}

HTML 내 모든 element를 선택한다.

2.타입 선택자 elementName{}

element 이름을 가지고 태그를 선택한다.
elementName 대신 태그이름 즉 h1 같은 태그가 들어간다.
여러 개의 엘리먼트를 선택할 수 있다
ex)
css h1, p{}
html <h1> type selector </h1>
<p> multiple selection </p>

3.클래스 선택자 .className{}

element 의 클래스 이름을 가지고 선택한다.
클래스 이름의 경우 중복해서 사용이 가능하다.
ex)
css .description{}
html <p class=”description”> class Selector </p>

4.ID 선택자 #IDName{}

element의 ID 속성을 가지고 선택한다.
동일한 ID의 중복사용이 불가능하다.
ex)
css #testid1
html <p id=”testid1″> ID Selector </p>

일반 선택자의 우선 순위
전체 < 타입 < 클래스 < ID