. block__element1_mod1_mod2_mod3
- в таком случае вам нужно будет дублировать код со всех классов, и когда нужно будет исключить стили .block-element1_mod3
, вы будете вынуждены прибегать к костылям, либо создавать новый класс без ненужных вам стилей..block__element1_mod1 .block-element1_mod2 .block-element1_mod3
у вас уже есть три варианта, которые можно использовать по разному. $("#slider").on('beforeChange', function(event, slick, currentSlide){
$(slick.$slides[currentSlide]).children('.text').fadeOut();
}
$("#slider").on('afterChange', function(event, slick, currentSlide){
$(slick.$slides[currentSlide]).children('.text').fadeIn();
}
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<g>
<path style="fill: rgb(145, 220, 90);" d="M8,0C3.582,0,0,3.582,0,8s3.582,8,8,8s8-3.582,8-8S12.418,0,8,0z M5,12V4l7,4L5,12z"></path>
</g>
</svg>