초보자를 위한 CSS :where() 셀렉터 가이드: 쉽고 빠르게 배우기
안녕하세요 찐망고 입니다.오늘은 `:where()`셀렉터 관련 포스팅을 해볼건데요. `:where()`와 `:is()`는 둘다 CSS4초안에 소개된 새로운 기능입니다.이전글에서 `:is()`셀렉터 관련 포스팅을 보고 오시길 추천합니다. CSS의 :is() 클래스 활용하기안녕하세요 찐망고입니다. CSS의 `:is()` 함수는 CSS의 단점이었던반복되는 셀렉터의 형태를 더 간결하게 그룹화하는 의사클래스입니다. 아래 예시를 볼까요?ul li,ol li {}:is(ul, ol) li {} 위에 있는uiweb.tistory.com `:where()` 셀렉터는 여러개의 셀렉터를 한꺼번에 그룹화 할 수 있으며, 셀렉터의 구체성을 0으로 만듭니다.셀렉터를 한꺼번에 그룹화한다 그건 `:is()`와 같죠 저번 ..
WEB/CSS
2024. 5. 17. 06:30
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 반응형웹
- Slick
- 크로스브라우징
- css그리드
- 슬라이드플러그인
- 스마트폰해상도
- 자바스크립트숫자카운트
- 웹디자인
- uidesign
- UI디자인
- 디자인팁
- Border
- 피그마플러그인
- 웹접근성
- padding
- uiux
- 웹표준
- css4
- 코딩교육
- 시멘틱마크업
- css
- boxmodel
- JavaScriptTips
- 프로그래밍기초
- margin
- uxdesign
- 포토샵합성
- slickAPI
- JavaScript
- CSS3
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
글 보관함