猫头鹰转盘项目背景颜色

Question

我正在使用Owl Carousel，我正在尝试为每个项目单独获取背景颜色，但我尝试的所有内容都不起作用，背景仍保持透明。

<div class="row" id="carousel4" class="owl-carousel" style="text-align: center; width: 100%; margin-top: 15px; padding-left: 30px;">
    <div class="item">
        <div class="col-md-3" style="border: 2px solid #ff00ff; padding: 0px;">
            <div style="background-color: #ccc;"><span style="font-size: 18px; font-weight: bold;">MAR</span></div>
            <div style="background-color: #fff;"><span style="font-size: 18px; font-weight: bold;">12</span></div>
        </div>
        <div class="col-md-9"><span style="font-size: 18px; font-weight: bold;">DAY + NIGHT</span><br /><span style="font-size: 18px;">"Event Title"</span></div>
        <div class="col-md-12" style="text-align: left; padding-top: 10px;">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
        </div>
        <div class="col-md-6" style="margin-top: 10px; padding-bottom: 10px;"><img src="/img/view-deals-sm.png" style="max-width: 100%;" /></div>
        <div class="col-md-6" style="margin-top: 10px; padding-bottom: 10px;"><img src="/img/free-limo-sm.png" style="max-width: 100%;" /></div>
    </div>
    <div class="item">
        <div class="col-md-3" style="border: 2px solid #ff00ff; padding: 0px;">
            <div style="background-color: #ccc;"><span style="font-size: 18px; font-weight: bold;">MAR</span></div>
            <div style="background-color: #fff;"><span style="font-size: 18px; font-weight: bold;">12</span></div>
        </div>
        <div class="col-md-9"><span style="font-size: 18px; font-weight: bold;">DAY + NIGHT</span><br /><span style="font-size: 18px;">"Event Title"</span></div>
        <div class="col-md-12" style="text-align: left; padding-top: 10px;">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
        </div>
        <div class="col-md-6" style="margin-top: 10px; padding-bottom: 10px;"><img src="/img/view-deals-sm.png" style="max-width: 100%;" /></div>
        <div class="col-md-6" style="margin-top: 10px; padding-bottom: 10px;"><img src="/img/free-limo-sm.png" style="max-width: 100%;" /></div>
    </div>
</div>

这是我试过的，我认为应该有效：

#carousel4 .item {
    background-color: #fff;
}