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