如何通过父section标签修改子div的背景图片（仅使用CSS）

针对你给出的HTML结构，要绕过直接调用子div、通过父section修改其背景图，核心是利用CSS选择器定位子元素并覆盖行内样式：

方案1：子选择器 + !important 强制覆盖 #

由于子div的背景图是通过行内style属性设置的，优先级高于普通CSS规则，必须用!important强制替换：

.frenach-header > .l-section-img {
  background-image: url('你的新图片路径') !important;
}

方案2：提升选择器特异性（备选） #

如果不想使用!important，可以结合父元素的多个类提升选择器特异性，但这种方式不一定能完全覆盖行内样式，仅作备选：

.l-section.wpb_row.frenach-header > .l-section-img {
  background-image: url('你的新图片路径');
}

说明：>是子元素选择器，确保只选中父section直接包含的.l-section-img子div，不会影响页面中其他同名元素。

内容的提问来源于stack exchange，提问作者Amin