首頁  >  問答  >  主體

如何在另一個元素內部進行元素選擇?

<p>我有一個關於CSS選擇器的問題。當一個具有特定類別名稱的<code><div></code> 在一個具有類別名稱為<code>saft</code> 的<code><ul></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粉590929392P粉590929392447 天前473

全部回覆(2)我來回復

  • P粉463811100

    P粉4638111002023-08-23 10:14:27

    只需執行:

    ul.saft .textSlide {

    #

    這將實現您所需的功能

    回覆
    0
  • P粉549412038

    P粉5494120382023-08-23 00:34:30

    只需在父元素和子元素之間使用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>

    回覆
    0
  • 取消回覆