我有一个关于CSS选择器的问题.如何选择< div>只有当一个< ul>有一个类名称？这个CSS类在其他地方使用,我不想在任何地方改变样式.
<div id="floater">
<ul class="saft">
<li><div class="textSlide"></li>
</ul>
</div>
解决方法
只需使用父元素和后代元素之间的CSS后代选择器(空格)：
ul.saft div.textSlide {
/* CSS rules */
}
在这种情况下,适用于textSlide类的div的规则仅适用于其祖先是类saft的ul.相反,您可以使用直接子组合器,>但是,您必须指定与每个父/祖先相关的div,直到需要类的div,这可能难以维护CSS(不是在这种情况下,但随着时间的推移,它可能会变得有问题).
