css - 如何使用 CSS 覆盖使用 Elementor 的幻灯片中不同图像的不同背景位置

Question

此主页幻灯片中的某些图像需要针对移动设备进行不同的定位，它是使用 Elementor 构建的，它只允许我对幻灯片中的所有图像应用相同的定位。

如何使用 CSS 覆盖此页面上每个背景图像的背景位置？我试过使用：nth-​​child() 没有运气。

这就是我要去的地方：

.elementor .elementor-background-slideshow__slide__image :nth-child(1) {background-position: center center!important;}

.elementor .elementor-background-slideshow__slide__image :nth-child(2) {background-position: center right!important;}

.elementor .elementor-background-slideshow__slide__image :nth-child(3) {background-position: center center!important;}

.elementor .elementor-background-slideshow__slide__image :nth-child(4) {background-position: center right!important;}

[https://andfriends.world/home-test-area][1]

非常感谢

标签： css