小竹摇曳
2016-09-07 10:50
我把字号改大了一点方便查看效果,第一段span标签中的文字的颜色并没有改变,之前的优先级不是说就近原则的吗,为什么没有变呢,麻烦知道的指导一下。
.first>span,#second>span{color:green;font-size:20px:}
或者.first,#second span{color:green;font-size:20px:}
我的意思是第一段先被.first{}渲染成绿色,20px,到胆小如鼠时,胆小如鼠被span{color :red}二次渲染成了红色,你的问题是你以为你的代码是为两个span都设置了两个样式,看哪个会生效,实际上是,第一个span先被渲染成了绿色(这次是因为它是p标签的子标签,由于样式的继承性,也被渲染了),你设置的span{red}作用在了第一个标签上,#second>span{}作用在了第二个标签上
为什么换了id选择器还是没有效果啊
ID选择器在HTML文档中只能使用一次,仅一次,在第二段的“简单”上生效了,就没了。那么第一段的“胆小如鼠”就只设置了一个样式,没有优先级可言
>设置的事类标签下的第一代子元素。
.first>span,#second>span{color:green;font-size:20px;}
初识HTML(5)+CSS(3)-升级版
1225294 学习 · 18230 问题
相似问题