divi builder @media命令

Question

我目前正在使用DIVI Builder来构建一个简单的网站。我有一个全宽的部分，里面有一个全宽滑块。滑块中的文本在桌面和移动设备上的表现似乎有所不同，所以我想我可以用@media来帮助你。到目前为止，我所做的是创建一个重复的、相同的幻灯片，调整两个幻灯片中的第二个用于移动，并对桌面用户隐藏第二个。虽然我不是很清楚，但我认为这种方式最终会减慢页面加载速度，所以我求助于@media。

阻止这一工作的问题是，媒体查询以以下方式开始：

@media all and (max-width: 980px) {
   XXX {
    margin-top: 100px;
    }
 }

XXX对我来说是未知的，因为我希望以整个列为目标，在本例中自动标记为.et_pb_slide_0。据我所知，我不能用类替换XXX，或者换句话说，以.开头的东西有什么方法可以做到吗？

Answer 1

媒体查询可以包含.et_pb_slide_0或.anything_you_like这样的类！

这是有效的：

@media all and (max-width: 980px) {
    .et_pb_slide_0 {
        margin-top: 100px;
    }
}