미채택 완료

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

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