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

类选择符优先级大于标签选择符

在这个题里面.first 优先级是10吧然后 p span{color:purple;}应该权级才是2 啊为什么 span颜色不是粉色而是紫色呢？

qq_勒不住的悬崖_0

2019-02-22

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

关注问题我要回答

1409

操作

收起

3 回答

会会王的小迷妹
2019-02-22

第1: ".first {}控制的是类,类中的标签是由于css的继承而继承的,类中<span>的属性并不是主动设置的是,而当你使用span{}单独设置时就会覆盖之前被迫继承的属性" 第二就近原则是存在的,但p span{}的权值大于span{}所以这里不存在就近原则,你可以尝试改变span{color:purple;}和span{color:pink;}位置查看代码的变化

1 回复有任何疑惑可以回复我~

#1

会会王的小迷妹

一个标签从祖先那里继承来的而自身没有的属性叫做"祖先样式"，"直接样式"就是一个标签直接拥有的属性,css优先规则："直接样式"比"祖先样式"优先级高。

2019-02-22 回复有任何疑惑可以回复我~

慕勒4002081
2019-02-22

就近关系，span离定义颜色最近~

0 回复有任何疑惑可以回复我~

irises
2019-02-22

因为.first 只控制到p那一层，没有匹配到span。如果再写个.first span{...}的，才会影响到span

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225771 人
解答问题 18234 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

4 回答标签类选择符 ID选择符

5 回答为什么通配符选择器的优先级高于标签选择器？

8 回答这种选择符优先级

3 回答ID选择器与类选择器的优先级

3 回答权值，类选择符，ID选择符

搜索更多本课相关问答

类选择符优先级大于标签选择符

我要回答关注问题

意见反馈帮助中心 APP下载