选择器之间 有空格
选择器之间 有空格：表示 后代 关系
例子
<style>
#box .c1{
color:red;
}
</style>
<div id="box">
<div id="form1" class="c1">111</div>
<div id="form2" class="c2">222</div>
<div>
<div id="form3" class="c1">333</div>
</div>
</div>
<div id="box2" class="c1">444</div>
执行结果：
解释：
选中 id 是 box，后代标签的类样式是 c1 的元素，所以 111 和 333 显示为红色
其中：
111所在的标签，与 id 是box的标签，是父子关系333所在的标签，与 id 是box的标签，是爷孙关系
选择器之间 没有空格
选择器之间 没有空格：表示 且 的关系，同时满足
<style>
#box2.c1{
color:red;
}
</style>
<div id="box">
<div id="form1" class="c1">111</div>
<div id="form2" class="c2">222</div>
<div>
<div id="form3" class="c1">333</div>
</div>
</div>
<div id="box2" class="c1">444</div>
运行结果：
解释：
选中的是 id 为 box2，且 类样式是 c1 的元素，所以 444 显示为红色
参考：
https://blog.csdn.net/u010999809/article/details/117671982