Bagaimana untuk melakukan pemilihan elemen di dalam elemen lain?
P粉590929392
P粉590929392 2023-08-22 11:08:56
0
2
502
<p>Saya ada soalan tentang pemilih CSS. Apabila <kod><div></kod> dengan nama kelas tertentu berada di dalam <kod><ul></kod> dengan nama kelas <kod>saft</kod> patutkah saya memilihnya? Kelas CSS ini digunakan di tempat lain dan saya tidak mahu menukar gaya di mana-mana. </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

membalas semua(2)
P粉463811100

Hanya laksanakan:

ul.saft .textSlide {

Ini akan mencapai fungsi yang anda perlukan

P粉549412038

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>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan