如何在materialize css中更改轮播项的宽度

Question

我想改变旋转木马item.i的宽度和高度。某种程度上设法改变高度，但无法改变其宽度。

<div class="carousel z-depth-5">
<div class="carousel">
<a class="carousel-item" href="#one!"><img src="https://lorempixel.com/250/250/nature/1"></a>
<a class="carousel-item" href="#two!"><img src="https://lorempixel.com/250/250/nature/2"></a>
<a class="carousel-item" href="#three!"><img src="https://lorempixel.com/250/250/nature/3"></a>
<a class="carousel-item" href="#four!"><img src="https://lorempixel.com/250/250/nature/4"></a>
<a class="carousel-item" href="#five!"><img src="https://lorempixel.com/250/250/nature/5"></a>
 </div>
    </div>

CSS

.carousel-item img{
height: 400px;
width: 300px;
}

.carousel{
height: 700px;
}

Answer 1

宽度被另一个css规则覆盖是可能的。试试这个：

.carousel-item img{
height: 400px;
width: 300px !important;
}