[CSS] 짝수 태그만 색 바꾸기 (nth-child)

nth-child를 이용해 짝수 태그만 선택해서 색을 바꿔보겠습니다. 1. 짝수 태그만 선택하기 ① 기본 구조 만들기 짝수 태그를 선택하려면 태그가 여러 개 있어야 하겠죠. 원하시는 만큼 태그를 만들어주세요. 저는 태그를 이용해 만들었어요. 예시로 작성한 거라 똑같이 만들 필요는 없지만 궁금하신 분들을 위해아래쪽에 코드를 첨부해 두겠습니다. /* 짝수번째 li 색 변경 홀수는 odd */ li:nth-child(even){ background:#7D9D9C; color:#E4DCCF; } ② even 태그 중 짝수 태그만 선택하고 싶다면 li:nth-child(even)으로 짝수 태그만 선택 가능합니다. 기존 태그와 색을 반대로 넣어주었습니다. even은 짝수를 뜻하는 영어단어입니다. 영어를 잘하면 코딩..

coding/html + css · 2023. 3. 10. 07:30

[꿀정보] 코딩야학 7기

안녕하세요. 플입니다. 코딩 야학의 마지막 학기가 열렸다고 합니다. 1. 코딩야학 7기 https://youtu.be/HFygn_c9Dk0 7기를 마지막으로 코딩 야학이 작별인사를 한다고 합니다. 코딩을 전혀 모르시는 분들, 알지만 어디에 써야 할지 헷갈리시는 분들 이번 7기의 학우가 돼보시는 건 어떨까요? 새로 배우시는 분들도 프로젝트를 진행하시는 분들도 모두 참여 가능하니 관심 있으신 분들은 신청해보셔도 좋은듯합니다. 코딩 야학으로 많은 도움받았는데 이렇게 마지막 학기라고 하니 아쉬운 마음이 가득입니다. 시작이 있으면 끝도 있는 법. 생활코딩의 새로운 야학을 응원합니다! 그럼 이만. 총총.

coding/개발 팁 · 2019. 12. 31. 07:30