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

我有一个关于 CSS 选择器的问题。我如何选择一个<div>仅当其位于<ul>有类名saft？这个 CSS 类在其他地方使用，我不想到处改变样式。

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

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

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

* {
  margin: 0;
  padding: 0
}

li {
  list-style-type: none;
}

ul.saft div.textSlide {
  background-color: #f90;
  font-weight: #000;
}

<ul class="saft">
  <li>
    <div class="textSlide">Some text in a textSlide class element</div>
  </li>
</ul>
<div class="textSlide">Some more text, also in a textSlide element</div>

在这种情况下，规则适用于div班级的textSlide仅当其祖先是 a 时才适用ul班级的saft。相反，您可以使用直接子组合器，即>但你必须指定div与每个父/祖先相关，直到需要其类的父/祖先，这可能会导致 CSS 的维护变得困难（不是在这种情况下，但随着时间的推移，它可能会成为问题）。