CSS의 :is() 클래스 활용하기
안녕하세요 찐망고입니다. CSS의 `:is()` 함수는 CSS의 단점이었던반복되는 셀렉터의 형태를 더 간결하게 그룹화하는 의사클래스입니다. 아래 예시를 볼까요?ul li,ol li {}:is(ul, ol) li {} 위에 있는 각각의 li요소를 선택할 때 :is() 클래스를 사용하면 묶어서 처리가 가능합니다. 다중선택에 특화된 셀렉터이죠:is(section, article, aside, nav) :is(h1, h2, h3, h4, h5, h6) { color: #BADA55;}section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article..
WEB/CSS
2024. 5. 15. 05:00
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 웹폰트
- 반응형웹
- 서비스기획
- 바이브코딩
- UI디자인
- 2024웹디자인
- 디자인팁
- figma
- html
- 웹퍼블리싱
- 웹디자인개발기능사
- 프론트엔드
- UX디자인
- ai사주
- 피그마
- 구글머터리얼디자인
- 웹표준
- 머터리얼디자인
- seo
- 오블완
- css
- 웹디자인
- 웹디자인팁
- 웹접근성
- uiux
- 티스토리챌린지
- CSS3
- 찐망고사주
- JavaScript
- 디자인시스템
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함