慕粉3723761
2016-07-26 17:18
p scan{color:blue;}
p>span{color:purple;}
scan是什么鬼。。。。
span。。。
' ' 和 '>'分别是后代选择器和子元素选择器 显示为紫色是因为你俩个样式作用在了同一个 区域上,就近原则 最新的样式会产生覆盖。
p scan{color:blue !important} p>span{color:purple}
这个时候由于 !important 不会覆盖 结果为蓝色
教程里不是说了吗,后者权值比较高呐,理解为“就近原则”
这种属于CSS的层叠,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用(可以理解为后面的覆盖前面的)。
初识HTML(5)+CSS(3)-升级版
1225294 学习 · 18230 问题
相似问题