CSS div和點格

Question

.div1 { 

} 

div.div1 { 

} 

上面的代碼有什麼區別？我想在我的代碼中使用<div class = "div1"></div>，當我搜索它時，這兩種方式似乎都起作用......我應該使用哪一個？泰

Answer 1

.div1定義的CSS爲所有有div1類。但div.div1元素定義的CSS具有div1類div元素。

查看小例子。對於div.div1只是類div1不是sufficient它也有div元素。

.div1{ 
 
    color:red; 
 
} 
 
div.div1{ 
 
    font-size:20px; 
 
}

<p class="div1"> 
 
P with class div1 
 
</p> 
 
<div class="div1"> 
 
Div with class div1 
 
</div>

Answer 2

.div1選擇所有元素與類div1而div.div1只選擇與類div1

div元素「一個我應該使用哪一種？」這取決於你的頁面的結構以及你是否有比其他的div任何其他元素與類div1