+ : Next-sibiling combinator
a + b
<a> 태그 바로 다음에 오는 <b> 태그 첫번째 한개
~ : Subsequent-sibling combinator
a ~ b
<a> 태그 다음에 오는 모든 <b> 태그 형제들 여러개
* 여러 형제 요소들 중 첫번째 요소 제외하고 전체 적용시 유용!
ref.
https://ssocoit.tistory.com/274
https://developer.mozilla.org/en-US/docs/Web/CSS/Next-sibling_combinator
https://developer.mozilla.org/en-US/docs/Web/CSS/Subsequent-sibling_combinator
'A-HA💡 > CSS' 카테고리의 다른 글
[CSS] CSS, SASS, SCSS, LESS (0) | 2024.01.30 |
---|---|
[CSS] 반응형 (1) | 2024.01.22 |
[CSS] 네이밍 (0) | 2023.11.07 |
[CSS] font-weight: bolder, lighter 은 고정값이 아니다 ㅇㅁㅇ (0) | 2023.10.23 |
[CSS] box-sizing: border-box vs. content-box (0) | 2023.10.05 |