需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}
button:hover {background-color: #ff7701}。
3、浏览器运行index.html页面，此时显示出了蓝色背景颜色的按钮。
4、将鼠标移入按钮，此时按钮的背景颜色变成了橙色。
问题分析：首先你不了解选择符之间的关系，新手常犯的错就是弄不清之间的关系，明明设置了不起作用
案例解析：这里面用到了，关系选择符的（包含选择符-.triangle div span）还有组选择符（.triangle div span:first-child,.triangle div span:last-child）
问题解答：1，你给.triangle div span默认设置了一个颜色，然后用伪类设置了两个元素。
我理解的是，你以为前面已经设置了，后面就可以不写了
1、组选择符，每个都是单独的，前面并不会继承。
2、如果你不给.triangle div span设置默认颜色是好使的，或者是直接给span颜色
3、*重点：选择符指向的越精确，他就会听谁的，就是指名道姓说谁呢就听谁的，
如果你这样这样设置html body .triangle div span:last-child，这个肯定是最高的，还有一种就是强制某个属性，span:last-child {background-color:lightcoral!important}
!important（重要的）属性后面加这个，级别高于所有选择符，但是不推荐，如果其他设置，必须更针对性，然后在加这个。
有用记得点赞o(￣▽￣)d
