반응형
html에서 id나 class로 선택 안 하고 tag로만 선택할 수 있는 방법을 알아볼 거예요.
combinator(결합자)를 이용하는 방법이에요. 총 4가지 방법이 있어요.
1️⃣ (space) - 부모 밑에 있는 모든 자식 태그!
ex) div (space) span
div 태그의 자식 태그인 span 모두가 선택이 돼요!
2️⃣ > - 바로 밑에 자식 태그
ex) div > span
div 태그 바로 밑에 첫 번째 span 태그만 선택이 돼요!
3️⃣ + - 붙어 있는 형제 태그!
ex) div + address
div 바로 붙어 있는 address 태그가 선택이 돼요!
4️⃣ ~ - 떨어져 있는 형제 태그!
ex) div ~ footer
div랑 붙어 있지는 않지만 footer 태그도 선택!
반응형
'👨💻개발 > html&css' 카테고리의 다른 글
| [CSS] display 속성 3가지(block, inline, flex) (0) | 2023.02.03 |
|---|---|
| 가독성 좋은 웹사이트 위한 CSS 레이아웃 알아가기(position, display) (0) | 2022.10.19 |
| Semantic Web과 Semantic Tag의 중요성 (0) | 2022.10.17 |
| HTML 기초 'tag' (0) | 2022.09.23 |
댓글