안녕하세요.
초보입니다.
질문을 하나 올립니다.
====================================================================
li:nth-child(1) { background:url("1.jpg");}
li:nth-child(2) { background:url("2.jpg");}
...
li:nth-child(n) { background:url("3.jpg");}
====================================================================
이런 리스트에서 hover를 사용할 때도 똑같이 1~N만큼 다시 작성하는 수밖에 없나요?
====================================================================
li:nth-child(1):hover { background:url("1_ov.jpg");}
li:nth-child(2):hover { background:url("2_ov.jpg");}
...
li:nth-child(n):hover { background:url("n_ov.jpg");}
====================================================================
작업하다가 너무 낭비인가 싶어서 질문 드립니다.
감사합니다.
안녕하세요.
속성이 동일하다면 어떻게든 코드를 줄일 수 있겠지만,
올려주신 내용 대로라면 background 속성이 모두 다르군요.
속성이 모두 다르기 때문에 지금처럼 각각 속성을 작성해주셔야 할 듯합니다~^^