[CSS] - CSS개념 공부

기본 선택자

선택자란?

특정 HTML 요소를 선택하고자 할 때 사용하는 기능
해당 요소를 선택해서 원하는 스타일과 기능을 적용시킬 수 있다

 

---

모든 선택자 : *

현재 문서 내에 있는 모든 요소들을 선택하고자 할 때 사용

 

* {
    스타일 속성: 값;
    스타일 속성: 값;
}

 

태그 선택자 : 태그명

현재 문서 내에 해당 태그를 모두 선택하고자 할 때 사용

태그명 {
    스타일 속성: 값;
}

 

아이디 선택자 : #아이디명

현재 문서 내에 특정 HTML요소 "하나"만을 선택하고자 할 때 사용
해당 요소에서 id 속성을 이용하여 고유한 값을 부여해야 함

#아이디명 {
    스타일 속성: 값;
    스타일 속성: 값;
}

 

클래스 선택자 : .클래스명

현재 문서 내에 특정 HTML 요소 "여러 개"를 선택하고자 할 때 사용

.클래스명 {
    스타일 속성: 값;
    스타일 속성: 값;
}