Question

我正在使用materializeCSS构建一个网站，它已经有一个名为carousel的类。但是，我希望使用来自Flickity的轮播，我想知道如果我在html中包含这两个文件会发生什么。

这个问题与this one有些相似，但答案不符合我的要求。

Answer 1

我检查了github上的flickity轮播（https://github.com/metafizzy/flickity/blob/master/dist/flickity.css），在我看来，css中的所有内容都以.flickity开头 - 所以这应该不是问题。

你可能正在谈论他们网站上发现的这个部分：

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

.main-carousel可以是您想要的任何内容，只要它与您在标记中使用的类匹配：

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

CSS中的类名冲突

1 个答案: