Html CSS div和dot div

上面的代码有什么区别？我想在我的代码中使用

，当我搜索它时，两种方法似乎都起作用了。。。我应该用哪一个？Ty

.div1

选择类

div1

的所有元素，而

div.div1

仅选择类

div1

的div元素

---

“我应该使用哪一个？”这取决于页面的结构，以及类

div1

。div1

选择类

div1

的所有元素，而

div.div1

仅选择类

div1

的div元素

---

“我应该用哪一个？”这取决于页面的结构，以及是否有除div之外的任何其他元素具有类

div1

。div1

为所有具有类

div1

的元素定义css。但是

div.div1

为具有类

div1

的

div

元素定义css

参见小示例。对于

div.div1

仅类

div1

是不够的

它还具有
div
元素


.div1{
颜色：红色；
}
第1分部{
字体大小：20px；
}

P与类div1

具有类div1的Div
.div1
为具有类的所有元素定义css
div1
。但是
div.div1
为具有类的
div1
元素定义css

参见小示例。对于
div.div1
仅类
div1
是不够的
它还具有
div
元素


.div1{
颜色：红色；
}
第1分部{
字体大小：20px；
}

P与类div1

具有类div1的Div
是一个类选择器（选择类名为div1的所有元素）
div
是一个标记选择器
是一个类选择器（选择类名为div1的所有元素）
div
是一个标记选择器。
.div1 {

}

div.div1 {

}