关于css选择器优先级的问题
老师看一下，如果按照权值来计算，标签选择器总的权值应该为11，而类选择器权值为10，为什么p标签中的文字为红色，而不是绿色？
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | <!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>test</title> <style type="text/css"> .hello{ color:red; } div div div div div div div div div div p{ color: green; } </style></head><body><div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <p class="hello"> 你好 </p> </div> </div> </div> </div> </div> </div> </div> </div> </div></div></body></html> |
6
收起
正在回答
1回答
同学你好，生效的是通过类选择器设置的样式。虽然在同学提供的代码中，标签选择器的权值看起来大，不过只是为了方便学习才赋予这个概念，实际写代码的时候， 我们不会使用这么多的标签选择器， 了解即可
总得来说，添加多个标签选择器是没有一个类选择器的优先级大的。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧