[질문] CSS 사용 시 동일 패턴이 등장할 때 간단히 처리할 수 있는 방법

안녕하세요.

초보입니다.

질문을 하나 올립니다.

====================================================================

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");}

====================================================================

작업하다가 너무 낭비인가 싶어서 질문 드립니다.

 

감사합니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요