如何在另一个元素内部进行元素选择?
P粉590929392
P粉590929392 2023-08-22 11:08:56
0
2
490
<p>我有一个关于CSS选择器的问题。当一个具有特定类名的 <code><div></code> 在一个具有类名为 <code>saft</code> 的 <code><ul></code> 内部时,我该如何选择它?这个CSS类别在其他地方也被使用,我不想改变所有地方的样式。</p> <pre class="brush:php;toolbar:false;"><div id="floater"> <ul class="saft"> <li><div class="textSlide"></li> </ul> </div></pre>
P粉590929392
P粉590929392

全部回复(2)
P粉463811100

只需执行:

ul.saft .textSlide {

这将实现您所需的功能

P粉549412038

只需在父元素和子元素之间使用CSS后代选择器(一个空格):

ul.saft div.textSlide {
    /* CSS规则 */
}

* {
  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">在textSlide类元素中的一些文本</div>
  </li>
</ul>
<div class="textSlide">更多文本,也在textSlide元素中</div>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板