css nth-child 코드를 깔끔하게 쓰는 방법이 있는지 질문드립니다.

Question

취미로 책으로 html + css 배워서 수준은 매우 낮지만 너무 궁금하면서도 구글링하기 애매해서 남겨봅니다. CSS 입니다. 이 7개의 div 공간을 배경이미지를 그레이디언트로 꾸며주기 위해서 #top_gnb > div {url('example.jpg');} /* 이미지 넣음 */ #top_gnb > div:nth-child(1) {background-position: 0px 0px;} #top_gnb > div:nth-child(2) {background-position: 0px -50px;} #top_gnb > div:nth-child(3) {background-position: 0px -100px;} #top_gnb > div:nth-child(4) {background-position: 0px -150px;} #top_gnb > div:nth-child(5) {background-position: 0px -200px;} #top_gnb > div:nth-child(6) {background-position: 0px -250px;} #top_gnb > div:nth-child(7) {background-position: 0px -300px;}이렇게 노가다로 적어넣었는데요. 보기 더럽기도 해서 한줄이나 더 효율적으로 적을 수 있는 방법이 있나 해서 질문남깁니다.수준이 좀 낮아서 민망하네요.답변 감사합니다.

해피해킹2 · Accepted Answer

꼭css로해야하나요? js로 반복문돌려도될거같은데

취미로하는코딩 · Answer

제가 css html로 막 시작해서 js가뭔지 모릅니다..ㅎㅎ 아무튼답변감사합니다

css nth-child 코드를 깔끔하게 쓰는 방법이 있는지 질문드립니다.

2개의 답변

Q&A 목록