CSSのクラス名が矛盾しています

-1

私はmaterializeCSSを使用してウェブサイトを構築していますが、すでにcarouselというクラスがあります。しかし、私はFlickityからカルーセルを使いたいと思っています。私は両方のファイルをhtmlに含めるとどうなるか知りたかったのです。CSSのクラス名が矛盾しています

この質問は、this oneと多少似ていますが、回答が私のクエリを満たしていません。

出典

2017-11-09 Isfaaq

github（https://github.com/metafizzy/flickity/blob/master/dist/flickity.css）でflickityカルーセルをチェックしたところ、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>

出典

2017-11-09 08:18:18

あなたの答えをありがとう。私は両方が両方とも区別なしで同じ名前のクラスを持っていたら何が起こるのだろうと思っていました。一種の優先順位はありますか？ – Isfaaq

同じセレクタ指定については、最後のものが勝者です。 –

CSSのクラス名が矛盾しています

答えて

関連する問題