Question

我正在处理一个复杂的问题，实际上我想在这段代码上更改css：

<div class="et_pb_module et-waypoint et_pb_image et_pb_animation_left circular et_pb_image_2 et_always_center_on_mobile et_pb_has_overlay">
<a href="https:/....ee/?page_id=460"><img src="https://..../wp-content/uploads/2017/00565531_813167153_o.jpg" alt="" />
<span class="et_overlay"></span></a>
</div>

我需要更改et_overlay类，我特别要更改span标记的这个类，哪个父级是div，circular类，这是在这段代码中的情况。（代码的其他部分具有相同的配置，但没有类circular，我不想更改这些部分）

我检查了不同的CSS选择器，但我找不到符合我需要的选择器。

有什么想法吗？

非常感谢

Answer 1

使用.circular span.et_overlay（请注意空间） - 请参阅下面的演示：

.circular span.et_overlay {
  color: red;
}

<div class="et_pb_module et-waypoint et_pb_image et_pb_animation_left circular et_pb_image_2 et_always_center_on_mobile et_pb_has_overlay">
  <a href="https:/....ee/?page_id=460"><img src="https://..../wp-content/uploads/2017/00565531_813167153_o.jpg" alt="" />
    <span class="et_overlay">hello</span></a>
</div>

<div class="et_pb_module et-waypoint et_pb_image et_pb_animation_left et_pb_image_2 et_always_center_on_mobile et_pb_has_overlay">
  <a href="https:/....ee/?page_id=460"><img src="https://..../wp-content/uploads/2017/00565531_813167153_o.jpg" alt="" />
    <span class="et_overlay">hello</span></a>
</div>

在Css中，如何选择一个span标签的类，其父级是一个div，类为＃34; X＆＃34;？

1 个答案: