<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
div .div1 {
color: red;
}
</style>
<body>
<div class="div1">div1
<div class="div1">div2</div>
</div>
</body>
</html>
显示如下
Paste_Image.png
将代码中的div .div1改为div.div1，注意前者比后者多了个空格。
于是显示效果如下
Paste_Image.png
区别就是 前者选择是在div标签里，子代元素class为div1的元素，而后者是在所有div里，class为div1的元素
