Comment faire une sélection d'élément à l'intérieur d'un autre élément ?

Question

J'ai une question sur les sélecteurs CSS. Lorsqu'un

avec un nom de classe spécifique se trouve à l'intérieur d'un

dois-je le choisir ? Cette classe CSS est utilisée ailleurs et je ne veux pas changer le style partout.

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

Answer 1

Exécutez simplement :

ul.saft .textSlide {

Cela permettra d'obtenir la fonctionnalité dont vous avez besoin

Answer 2

Utilisez simplement le sélecteur de descendant CSS (un espace) entre les éléments parent et enfant :

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>