                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

关于就样式优先级近原则的问题

为什么h1,span{color:red;}和.first,#second>span{color:green;}都是内嵌CSS样式，前者将”胆小如鼠“定义成红色没有被后者语句定义成绿色覆盖？

MrWang_

2015-05-15

源自：初识HTML(5)+CSS(3)-升级版 8-10

关注问题我要回答

633

操作

收起

2 回答

唐_彼岸花
2015-08-12

因为“胆小如鼠”不是在<p id="second"></p>里面，而是在.first span里面。后面.first,#second>span{color:green;}定义的是.first中除了h1,span{color:red;}定义外的东西。如果你把.first改为.first span就可以都定义为绿色。我的回答有些欠缺，希望能够让你更好的理解。