p scan{color:blue;}
p>span{color:purple;}
scan是什么鬼。。。。
span。。。
' ' 和 '>'分别是后代选择器和子元素选择器 显示为紫色是因为你俩个样式作用在了同一个 区域上，就近原则 最新的样式会产生覆盖。
p scan{color:blue !important}
p>span{color:purple}这个时候由于 ！important 不会覆盖 结果为蓝色
教程里不是说了吗，后者权值比较高呐，理解为“就近原则”
这种属于CSS的层叠，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用（可以理解为后面的覆盖前面的）。