关于css选择器优先级的问题
老师看一下，如果按照权值来计算，标签选择器总的权值应该为11，而类选择器权值为10，为什么p标签中的文字为红色，而不是绿色？
<!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积分~
来为老师/同学的回答评分吧
0 星