[질문] 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");}

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

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

 

감사합니다.

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

AI 상담