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

Posted 2021-05-03

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

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

答案

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

另一答案

只需：

另一答案

只有在类名称为saft的UL内，如下面的CSS所述，您才能轻松选择具有特定类名称的div：>

ul.saft .textSlide {
color:red;
}