你你你什么鬼啊
2017-04-25 16:55
span是标签吧,.first是类选择符吧,类选择符的权值是大于标签吧,那为什么胆小如鼠还有自己的颜色,不应该是绿色么?
特性性针对同一个元素设置了不同的css样式,而题主问的.first类选择符针对的是p标签,并非span标签,因为span标签应还是自己的样式,假若添加代码
span{color:pink;} 此权值为1
p span{color:blue}; p和span标签都应用了blue样式,但此权值为2
因此最终span样式应为blue样式
再假如 <span class="second">胆小如鼠<span>
span{color:pink;} 权值为1
.second{color:blue}; 权值为10
最终该span标签样式应为blue
span 有自己的样式了,就不会继承first的了
因为范围不一样啊,范围不一样就近原则
span的权值低
因为span标签并不是class类。要是这样写<span class=“first”>他就是绿色的;
这不是CSS的层叠特性,是继承特性,span没有css就会继承.fitst的特性,现在span有css了当然用自己的
第一张图下方有一段话,继承的权值很低。因此<span>的权值比继承的.first高,显示粉色。
<span>标签嵌套在<p>标签里面,所以属于继承哦,继承的权值是非常低的。
初识HTML(5)+CSS(3)-升级版
1225293 学习 · 18230 问题
相似问题