Bagaimana untuk melakukan pemilihan elemen di dalam elemen lain?

Question

Saya ada soalan tentang pemilih CSS. Apabila

dengan nama kelas tertentu berada di dalam

dengan nama kelas saft patutkah saya memilihnya? Kelas CSS ini digunakan di tempat lain dan saya tidak mahu menukar gaya di mana-mana.

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

Answer 1

Hanya laksanakan:

ul.saft .textSlide {

Ini akan mencapai fungsi yang anda perlukan

Answer 2

Hanya gunakan pemilih keturunan CSS (satu ruang) antara elemen ibu bapa dan anak:

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>