.first{color:green;} 与 p span{color:purple;}比较权值,前者是10 ,后者是1+1=2,前者高于后者,但为什么显示后者的设置参数呢?
同一层级看权值,包含层级看继承,应该是这样理解的吧!
你可以试试把样式加到<span>标签中,相信会对你有所启发。权值的计算感觉是让我们可以更好的理解而已,实际运用的时候只要看哪个样式的定义更能准确的找到你要添加样式的地方,比如你在需要加样式的外面加<span id="">标签,并指定Id,那肯定是用Id选择器为主,不用Id的话,那就是<span class="">类选择器为主,以此类推。
另外,p span{color:green;}是什么意思,p和span是并列?
同问该问题
我的理解是,对“胆小如鼠”颜色的选择是对<span>标签的判断, <span>对于.first{color:green;}中的绿色是继承,权值最小,所以。。。
不是因为加了!important么,不加第一段就是绿色的。