CSS의 :not() 셀렉터 활용하기
안녕하세요 찐망고입니다. CSS의 `:not()` 함수는 특정요소를 제외한 나머지 요소들을 선택할 수 있는 선택자입니다. 아래 예시를 볼까요? list01 list02 list03 list04.list li:not(.list02) { background-color: orange;} list02 클래스를 가진 두 번째 li요소를 제외한 나머지 li요소들에게 오렌지색 배경이 지정됩니다. 다음 예시를 보면not실렉터를 이용하여 하나의 클래스가 아닌 여러 개의 클래스를 선택할 수 있습니다.body :not(h1, h2, h3, h4, h5, h6) { color: gray;}body요소 중 제목요소들을 제외하고 컬러를 그레이로 지정합니다. not실렉터를 이용하여 특정 타입의 입..
WEB/CSS
2024. 5. 14. 00:40
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- JavaScript
- 웹표준
- Slick
- uidesign
- uiux
- 슬라이드플러그인
- css
- 반응형웹
- 프로그래밍기초
- UI디자인
- 피그마플러그인
- 웹접근성
- 자바스크립트숫자카운트
- 시멘틱마크업
- margin
- boxmodel
- uxdesign
- 크로스브라우징
- 디자인팁
- 스마트폰해상도
- 코딩교육
- slickAPI
- JavaScriptTips
- css그리드
- padding
- 웹디자인
- Border
- CSS3
- css4
- 포토샵합성
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함