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

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>

我想在“大 div”(而不是小 div 的跨度)内设置 span.to_select 的样式。如何选择 CSS 中的所有 to_select spans用一根线？

Answer 1

设置所有 span 的样式:

span.to_select{
// css properties
}

在“big div”中设置所有 span 的样式:

span.big.to_select{
// css properties
}

在这两种情况下，span 都可以省略(对于您当前的代码，除了 span 之外没有其他任何东西具有 to_select 类)。