선택자

선택자는 CSS에서 HTML 요소를 선택하는데 사용됩니다.
요소의 태그명, id, class, 속성등으로 선택합니다.

전체 선택자 : *

모든 요소를 선택합니다.

* {
    background-color : yellow;
}

해보기
모든 요소의 배경색을 yellow로 지정합니다.

요소 선택자 : element

태그이름에 해당되는 모든 요소를 선택합니다.

p {
    background-color : yellow;
}

해보기
모든 <p> 요소의 배경색을 yellow로 지정합니다.

아이디 선택자 : #id

요소의 id 속성의 값이 id인 요소를 선택합니다.

p#css1 {
    color: red;
}
#css2 {
    background-color: yellow;
}

해보기
p#css1 은 id가 css1인 <p> 요소를 선택합니다.
#css2 는 id가 css2인 요소를 선택합니다.
id 속성은 페이지 내에서 유일해야 합니다.

클래스 선택자 : .class

요소의 class 속성의 값이 class인 요소를 선택합니다.

.myclass {
    color: red;
}
p.myclass {
    background-color: yellow;
}

해보기
.myclass 은 class 속성의 값이 myclass인 모든 요소를 선택합니다.
p.myclass 는 class 속성의 값이 myclass인 모든 <p> 요소를 선택합니다.

속성 선택자

속성선택자는 요소의 속성과 값에 대한 표현이 일치하는 HTML 요소를 선택할 수 있습니다.