CSS의 충돌 클래스 이름

Question

저는 materializeCSS를 사용하여 웹 사이트를 구축하고 있으며 이미 carousel이라는 클래스가 있습니다. 그러나 나는 Flickity에서 캐 러셀을 사용하고 싶습니다. 두 파일을 모두 html로 포함 시키면 어떻게 될지 알고 싶었습니다.

이 질문은 this one과 다소 비슷하지만 답변이 내 쿼리를 만족하지 않습니다.

Answer 1

github (https://github.com/metafizzy/flickity/blob/master/dist/flickity.css)에서 flickity 회전식 캐 러셀을 확인한 결과, CSS의 모든 내용이 .flickity로 시작된다는 사실이 나에게 알립니다. 문제가되지 않아야합니다.

<div class="main-carousel"> 
    <div class="carousel-cell">...</div> 
    <div class="carousel-cell">...</div> 
    <div class="carousel-cell">...</div> 
</div> 

:

$('.main-carousel').flickity({ 
    // options 
    cellAlign: 'left', 
    contain: true 
}); 

.main-carousel 그만큼 당신이 마크 업에서 사용하는 클래스와 일치, 당신이 원하는 무엇이든 될 수있다 : 당신은 아마이 부분에 대해 얘기하고

는 자신의 사이트에서 발견