三代表伪类，没问题
二和四的区别在于，有一个空格还是紧挨着，下面用下拉菜单中源码验证一下紧挨着的情况
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之所以有“层叠”的概念，是因为有多个样式来源。
其中css样式来源有5个，分别是内联样式（<a style="">）,内部样式(<style></style>),
外部样式（写在css文件中的样式），浏览器用户自定义样式，浏览器默认样式；
按照其来源优先级为内联样式>内部样式>外部样式>浏览器用户自定义样式>浏览器默认样式
按照选择器优先级为id >class>元素选择器
如果有important,important优先级最高。
