일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- jQuery
- 자바스크립트 내장객체
- 제이쿼리
- Js 내장객체
- CSS
- react
- 바닐라자바스크립트
- position
- 아코디언카드만들기
- HTML
- 일러스트 입체글자
- 자바스크립트
- open api
- JavaScript
- css속성
- module.css
- 20231221
- JS
- useState
- css 속성
- 미세먼지
- Illustrator2022
- FOR문
- 공공데이터
- 공공데이터 활용
- 퍼블리싱
- 개발일지
- 메뉴바만들기
- 리액트
- 미세먼지알림사이트만들기
Archives
- Today
- Total
목록부모요소 (1)
김코드의 웹디자인 세상

이번에 새로운 프로젝트를 하면서 css 속성 작성하는 줄의 수를 줄이려고 노력하고 있다. 맨날 큰 프로젝트를 처음부터 끝까지 하다보면 어느 새 4000개를 넘긴 것을 보고 반성하고 있다ㅠ (오빠가 자기 회사 홈페이지가 3000개가 후반이라는데... 나는 scss도 아니고 일반이기 때문에ㅠㅠㅠ) 그중에서 알게 된 방법은 odd와 even 선언이다! 1. odd 선언자 odd선언자는 홀수번호의 자식을 선택하여 선언하는 선언자이다. ✎ 선언방법 :nth-child(odd) /*홀수의 자식을 선택합니다.*/ 그럼 여기 1부터 6이 나열되어 있는 ul태그에서 홀수번째 자식들만 보라색으로 색을 설정해 보자. ✎ html 1 2 3 4 5 6 ✎ css ul li:nth-child(odd) /*홀수의 자식을 호출합니..
⊹ ⠀𝙲𝚂𝚂, 𝚂𝙲𝚂𝚂
2023. 1. 10. 15:17