关于css选择器优先级的问题

css选择器优先级权值，类选择器为10，标签选择器为1

.class{color:red;} 权值为10

p p p p p p p p p p p ｛color:balck;｝权值为11

请问，最后如何显示颜色？

慕少3040576 2020-02-09

源自：CSS选择的艺术 4-16 css权值和优先级

15

收起

2回答

好帮手慕糖回答被采纳获得+3积分 2020-02-10 09:56:25

同学你好，因为第一个中有类选择器，所以会更高哦。

我们上一个回答中也有说过，实际写代码的时候，我们不会使用这里多的标签选择器。这里的概念就是权值比较，类的要比标签选择器的大。而第一个中有类选择器，第二个中都是标签，所以还是优先采用第一个。

总得来说就是，很多标签选择器是没有一个类选择器的优先级大的。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

好帮手慕糖 2020-02-09 12:03:59

同学你好，是显示的是类选择器的样式，因为p标签不能嵌套，老师使用了div标签测试了下，同学可以参考下，例：

虽然说权值相等了，但是这是设定只是为了方便学习才赋予等价概念吧。实际写代码的时候，我们不会使用这里多的标签选择器，这个可以作为拓展了解一下即可。这里的概念就是权值比较，类的要比标签选择器的大。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

提问者慕少3040576 #1

谢谢。但是，如果是组合选择器呢？ .class b{color:red} 权值11 12个 div...div b{color:yellow} 权值13 按道来说，应该显示yellow。可是我初阶的结果是red。

2020-02-09 23:45:33
徐徐生长回复提问者慕少3040576 #2

按照老师的解释，难道是连续且相同的类选择器合并成一个类选择器了？ 12个 div...div b{color:yellow} -》div b{color:yellow} 权值为2，建议你可以用一个div b{color:yellow}来试试 ^-^

2020-02-10 22:52:29

相似问题

伪类的优先级?(之前老师的回答,我觉得有问题,但当时手点快了,选择了采用,这里再问一下)

关于样式优先级的问题？

选择器的问题

关于优先级颜色显示问题

关于css选择器优先级的问题

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载