只是一個簡單的問題我正在瀏覽多個項目輪播的教程，并在我無法理解的 css 代碼中發現了這個 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item { transition: none; }<div class="container-fluid"> <div id="carouselExample" class="carousel slide" data-ride="carousel" data-interval="900000"> <div class="carousel-inner row w-100 mx-auto" role="listbox"> <div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-2 active"> <img class="img-fluid mx-auto d-block" src="//placehold.it/600x400/000/fff?text=1" alt="slide 1"> </div> <div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-2"> <img class="img-fluid mx-auto d-block" src="//placehold.it/600x400?text=2" alt="slide 2"> </div> <div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-2"> <img class="img-fluid mx-auto d-block" src="//placehold.it/600x400?text=3" alt="slide 3"> </div> <div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-2"> <img class="img-fluid mx-auto d-block" src="//placehold.it/600x400?text=4" alt="slide 4"> </div> <div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-2"> <img class="img-fluid mx-auto d-block" src="//placehold.it/600x400?text=5" alt="slide 5"> </div> <div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-2"> <img class="img-fluid mx-auto d-block" src="//placehold.it/600x400?text=6" alt="slide 6"> </div>所以我的問題是，當 html 代碼中甚至沒有提到類 carousel-item-right 和 carousel-item-left 時，上面代碼中的類有什么用？此外，這些類試圖表明什么以及它們的含義是什么？
1 回答
哈士奇WWW
TA貢獻1799條經驗 獲得超6個贊
carousel-item-right并carousel-item-left在幻燈片更改時顯示課程。這些類別的穩定期小于1s。打開瀏覽器開發工具來查看這一點。這是給您的屏幕截圖。
- 1 回答
- 0 關注
- 99 瀏覽
添加回答
舉報
0/150
提交
取消