CSS3 선택자는 특정한 HTML 태그를 선택할 때 사용하는 기능입니다. 선택자를 사용해 특정한 HTML 태그를 선택하면 해당 태그에 우리가 원하는 스타일 또는 기능을 적용할 수 있습니다. 스타일의 기본적인 모양은 아래와 같습니다.
|
h1 { color: red; } |
위는 선택자를 사용해 h1 태그를 선택하고 color 속성에 red 키워드를 적용한 예입니다. 이러한 코드를 CSS 블록이라고 부르고 이것을 style 태그 내부에 입력해 사용합니다. 이때 style 태그 내부에 입력되는 코드를 스타일시트라고 합니다.
위의 예시는 "h1 태그의 color 속성에 red 키워드를 적용하고 background-color 속성에 orange 키워드를 적용한 예시입니다. 또한 CSS3 선택자는 디자인할 때뿐만 아니라 jQuery에서도 사용합니다.
'프로그래밍 공부 > CSS3' 카테고리의 다른 글
| CSS3 - 속성 선택자 (0) | 2019.11.13 |
|---|---|
| CSS3 - 아이디 선택자와 클래스 선택자 (0) | 2019.11.13 |
| CSS3 - 태그 선택자 (0) | 2019.11.13 |
| CSS3 - 전체 선택자 (0) | 2019.11.13 |
| CSS3 - 선택자 종류 개요 (0) | 2019.11.13 |
