CSS选择器只选择一个元素时另一个元素内(CSS selectors Selecting an el

我有一个关于CSS选择器的问题。 如何选择一个<div>与特定的类名，只有当其内部的<ul>与类名saft ？ 这个CSS类是在其他地方使用，我不想到处改变造型。

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

Answer 1:

简单地使用父元素和后代元件之间的CSS后代选择（空格）：

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

JS提琴演示 。

在这种情况下适用于规则div类textSlide如果它的祖先是仅适用ul类的saft 。 你可以，而是使用直接子组合子中， >但你不得不指定div相对于每个父/祖先多达其类需要的人，这给潜在的困难在此维持CSS（不情况下，但它可以随着时间的推移，成为问题）。

Answer 2:

做就是了：

ul.saft .textSlide {

这实现了你所需要的

Answer 3:

您可以轻松地选择一个div与特定的类名，只有当它与类名SAFT像下面的CSS提到的UL内： -

ul.saft .textSlide {
color:red;
}

或看演示： - http://tinkerbin.com/mcrh7iMq

文章来源: CSS selectors Selecting an element only when inside another element