如何用css選擇多個嵌套類？

Question

這是什麼CSS選擇器將爲下面的div部分做？

.grid-row .col-6 { 
    font-weight: bold 
} 

HTML：

<div class="grid-row"> 
    <div class="col-6"> 
     blah<br/>blah2 
    </div> 
</div> 

Answer 1

號對於嵌套選擇，你必須使用一個空格給予descendant selector：

這在任何層級的目標嵌套元素

.grid-row .col-6 
{ 
    font-weight: bold 
} 

或者您可以使用由一個>符號給出child selector：只有

此目標的元素

.grid-row > .col-6 
{ 
    font-weight: bold 
}