我使用的轮播允许我将2个推荐词设置为一次显示(每张幻灯片2个推荐词),并且我将其配置为在屏幕尺寸为1200px时显示2个推荐词,因此当屏幕尺寸变小时超过1200像素,它会自动减少为一个推荐。但是由于CSS问题,第二张幻灯片仍出现在下部屏幕中。我已经尝试在CSS中修复以下代码,但没有成功:

@media screen and (max-width: 1199px) {
.owl-wrapper > li:nth-child(2) {display: none !important;}
}


有谁知道如何解决这个问题?网站:http://rache.me/testsite

最佳答案

您正在使用子组合器,因此这只会针对.owl-wrapper的直接子元素li。在div上尝试相同的代码。

.owl-wrapper > div:nth-child(2) {display: none;}

07-25 23:14