elex/css-examples
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2025-02-03T13:25:31

Browse Source
This commit is contained in:
Elex
2025-02-03 13:25:31 +09:00
parent e7ee682f16
commit 7936270d10
21 changed files with 1896 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/01_선택자.md
View File

@@ -1,8 +1,25 @@
# 선택자
# CSS 선택자
CSS 선택자는 HTML 요소를 선택하여 스타일을 적용하는 데 사용돼.
선택자를 잘 활용하면 코드의 가독성과 유지보수성이 높아져!
| 선택자 | |
|---|---|
| * | 전체 선택자 |
| tagname | 요소 선택자 |
| .classname | 클래스 선택자 |
| #idname | 아이디 선택자 |
| A, B, C | 그룹 선택자 |
| A > B | 자식 선택자 |
| A B | 후손 선택자 |
| A + B | 인접 형제 선택자 |
| A ~ B | 일반 형제 선택자 |
| [attr] | 속성 선택자 |
| [attr="value"] | 특정 값과 일치 |
| [attr^="value"] | 특정 값으로 시작 |
| [attr$="value"] | 특정 값으로 끝 |
| [attr*="value"] | 특정 값이 포함 |
## 기본 선택자 (Basic Selectors)
### 전체 선택자 (`*`)