三代表伪类，没问题
二和四的区别在于，有一个空格还是紧挨着，下面用下拉菜单中源码验证一下紧挨着的情况
0框架前端-如何写一个下拉菜单（Dropdowns）_子燕若水的博客-CSDN博客
css样式里面再加一个使得按钮变蓝的样式匹配项
.my_button.open{
background-color: #5177f1
}
此时html只要在class属性里面追加一个open（可前可后）即可让页面上的按钮变蓝
下面用下拉菜单中源码验证一下有空格的情况
.my_button .open{
background-color: #5177f1
}
此时在class属性里面追加一个open（可前可后）按钮不会变蓝
让open div成为my_button div的孩子，发现才可以使Click Me 变蓝
你好。点号(.)和井号(#)是CSS中的选择器，其中：
1、点号(.)是类选择器，选中HTML中具有对应的 class 属性的元素，例如
.myclass {color:red} //这里的效果会作用于具有 class="myclass" 属性的元素比如下面的<span>元素就会符合条件，因为它有class="myclass"属性
<span class="myclass">会使这里的字变成红色</span>井号也是同样的道理
2、井号(.)是id选择器，选中HTML中具有对应的 id 属性的元素，例如
#myid {color:red} //这里的效果会作用于具有 id="myid" 属性的元素比如下面的<span>元素符合条件
<span id="myid">会使这里的字变成红色</span>以上的回答纯手打……希望能帮到你，如果对上面的回答有疑惑，欢迎追问。
#是ID选择器.是class选择器
*是通配符号
当<div id="ban3"></div>
css样式里面使用#；
当<div class="ban3"></div>
css样式里面使用. ；
当需要全局使用的样式的时候
*{font-size:14pxline-height:1.9emfont-family:"微软雅黑",Arial, Helvetica, sans-serif} ；
