html - 在小于1200px的屏幕上隐藏来自猫头鹰轮播的第二个推荐

我使用的轮播允许我将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;}