slick slider 질문입니다. 채택완료

Copy
.main-slider-<?php echo $es_code; ?> .item:not(.slick-current.slick-active){opacity: 0.5;}

메인에 active가 아닐때 opacity 0.5 인데 전체로 적용이 됩니다. 하위요소는
Copy
.main-slider-<?php echo $es_code; ?> .item 
.main-slider-<?php echo $es_code; ?> .item a 
.main-slider-<?php echo $es_code; ?> .item-image
이렇게 있고 하위요소에 적용을 해도 active된 이미지에 opacity가 적용됩니다. active가 된것만 빼고 적용하려면 어떤 방법이 있을까요?

답변 2개

클래스에 고유번호를 넣게되면 셀렉터도 다르게 써야되서 차라리 고유번호 없이 하는게 낫구여

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

:not을 따로 넣으셔야합니다.
Copy
.main-slider-<?php echo $es_code; ?> .item:not(.slick-current):not(.slick-active){opacity: 0.5;}
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고