如何仅在另一个元素内部时选择一个元素？

Question

我对CSS选择器有疑问。<div>仅当在<ul>具有类名的a中时，如何选择具有特定类名的a
saft？这个CSS类在其他地方使用，我不想在任何地方更改样式。

<div id="floater">
    <ul class="saft">
        <li><div class="textSlide"></li>
    </ul>
</div>

Answer 1

只需在父元素和后代元素之间使用CSS后代选择器（空格）即可：

ul.saft div.textSlide {
    /* CSS rules */
}

在这种情况下，仅适用div于Class的规则，textSlide前提是其祖先是ul该Class的规则saft。相反，您可以使用直接子组合器，>但是您必须指定与div每个父/祖先的关系，直到需要其类的父子/祖先，这可能很难维护CSS（在这种情况下，但随着时间的流逝，它可能会成为问题）。