Selector (선택자)
style을 적용하고자 하는 HTML 요소를 설렉터로 특정하고 해당 요소에 스타일을 정의한다.
1. Universal Selector (전체 설렉터)
패턴 | Description |
---|
* | HTML문서 내의 모든 요소를 선택한다.(head 포함) |
2. Type Selector (태그 설렉터)
패턴 | Description |
---|
태그명 | 지정된 태그명을 가지는 요소를 선택한다. |
3. ID Selector (ID 셀렉터)
패턴 | Description |
---|
#id 어트리뷰트 값 | id 어트리뷰트 값을 지정하여 일치하는 요소를 선택한다. id 어트리뷰트 값은 중복될 수 없는 유일한 값이다. |
4. Class Selector (클래스 설렉터)
패턴 | Description |
---|
.class 어트리뷰트 값 | class 어트리뷰트 값을 지정하여 일치하는 요소를 선택한다. class 어트리뷰트 값은 중복될 수 있다. |
- Attribute Selector (어트리뷰트 설렉터)->실습 후 보강
- Combinator (복합 설렉터)->실습 후 보강