qq_浮雲遊子_03977413
2016-12-05 20:43
代码如图 两个设置字体位置调换之后 胆小如鼠还是显示红色,,,为什么呀
#secend>span{color:yellow;} 这属于继承子元素继承父元素 权值为0.1
而h1,span{color:red;}属于标签元素 权值为1
所以显示红色
就近原则确实有,不过是在权值相同的元素下遵守,比如你设置了一个span{color:red}又再下面设置了个span{cololr:yellow}肯定显示黄色你可以试试。当然如果有权值大小这个原则就不成立了~~~
就近原则,胆小如鼠最近的tag是span,在span指定为red的情况下,其外层的class“ first”,即使权值高也没用
后面会把前面的覆盖掉,所以是黄色
最接近的优先级最高,所以是黄色
<span></span>只继承了#second的,所以第一段里的span还是使用了span {color:red;}要这么写.first>span,#second>span
最后是黄色。
初识HTML(5)+CSS(3)-升级版
1225806 学习 · 18234 问题
相似问题