CSS의 :has() 선택자 활용하기: 특정 자식 요소 선택하기
안녕하세요 찐망고입니다. CSS의 `:has()` 함수는 특정 자식 요소를 가진 부모 요소를 선택할 수 있게 해줍니다.이것은 이전 CSS선택자에선 할 수 없는 것들을 가능하게 해주는데요. 아래 예시를 볼까요? Child1 Special Child Child2 .parent:has(.special) { background-color: yellow;} 위 코드에서 `.special` 클래스를 가진 두번째 `.parent` 요소가 선택 되어 배경색이 바뀝니다. 다음 예시도 볼까요? menu depth.. menu depth.. menu ..
WEB/CSS
2024. 4. 25. 10:53
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- seo
- 바이브코딩
- 디자인시스템
- 서비스기획
- 웹퍼블리싱
- UX디자인
- 웹폰트
- CSS3
- 디자인팁
- 웹접근성
- 티스토리챌린지
- 웹표준
- 구글머터리얼디자인
- 오블완
- 반응형웹
- uiux
- 찐망고사주
- JavaScript
- 2024웹디자인
- figma
- UI디자인
- 웹디자인
- 피그마
- css
- 웹디자인개발기능사
- 프론트엔드
- 머터리얼디자인
- ai사주
- html
- 웹디자인팁
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
글 보관함