類名

Question

在.css文件，我發現代碼

.row { margin-bottom: 1.5em; } 

.row .row { margin-top: 0.8em; margin-bottom: 0; } 

HTML是否已代碼

<div class="row"> <div class="col-md-1"> <p>.col-md-1</p> </div> </div> 

什麼是開始.row的CSS的目的/意義。行？

在整個代碼中，在另一個div中沒有​​class行的div。這是否意味着.row .row永遠不會被使用？

Answer 1

您可以在這裏看到的結果：DEMO

只有父.row內.row元素將受此影響。

<div class="row"> 
    <div class="row"> test </div> 
    <div class="col-md-1"> 
     <p>.col-md-1</p> 
    </div> 
</div> 


.row { margin-bottom: 1.5em; background:rgba(0,0,0,1); color:#fff;} 

.row .row { margin-top: 0.8em; margin-bottom: 0; background:rgba(0,250,0,1); } 

Answer 2

它們之間沒有逗號，這意味着類別爲row的元素包含在另一個類別爲row的元素中。

Answer 3

.row .row選擇父.row內.row：

<div class="row"> 
    <div class="row">This will be selected</div> 
    <div> 
     <p class="row">This will also be selected</p> 
    </div> 
</div> 

所以有行類的行類的任何子元素將被選中。