Question

HTML结构：

    <div class="big">
       <div id="big_1">
           <span class="to_select">d</span>
       </div>
       <div id="big_2">
           <div class="big_2_2">
               <span class="to_select">d</span>
           </div>
       </div>
           <span class="to_select">dada</span>
    </div>

<div class="small">
   <span class="to_select">I don't wanna select this div</span>
</div>

我希望将span.to_select设置在＆＃39; big div＆＃39;内。（不是小div的跨度）。如何选择CSS中的所有to_select spans一行？

Answer 1

设置所有跨度的样式：

span.to_select{
// css properties
}

为＆＃34; big div＆＃34;：

设置所有范围的样式

span.big.to_select{
// css properties
}

在这两种情况下span都可以省略（使用当前代码，除了跨度之外没有其他任何内容to_select类。）

Answer 2

#big_1 .to_select {
   // the span.to_select inside #big_1 only
 }
#big_2 .to_select {
  // the span.to_select inside #big_2 only
}

正如你所说'具有相同的身份'？

或者我认为你的意思是同一个班级，在这种情况下，只需这样做：

.to_select{
     // everything that has class .to_select 
}

如何编辑具有相同类名的所有CSS？

2 个答案: