在这节里8行代码去掉p后用!important似乎对部分文字失效
在这节里
p{color:red!imoprtant:}
加上！important后 全文变红
但是去掉下方p.first{color:green:}前的p
发现绿色设置对第二段的简单依然有作用是为什么
-----------------------由于至此回答的答案不能解决问题，因此补充-------------------------------
由此开始：
<style type="text/css">
p{color:red!important;}/*权值变为最高*/
p.first{color:green;}/*类选择器 权值为10*/
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span class="first">简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
</body>
</html>
由于上面的权值比较高所以全文为红色 包括第一段和第二段所有文字
那么修改下css样式 将上文中p.first去掉p 改为.first
<style type="text/css">
p{color:red!important;}/*权值变为最高*/
.first{color:green;}/*类选择器 权值为10*/
</style>
修改完以后发现全文依然会变红 但是正文第二段中的<span class="first">简单</span> 依然会被.first作用为绿色
这里我的问题是，为什么去掉p以后 正文第二段的简单依然会变为绿色 上下两段css的权重到底怎么算
请各位赐教，不胜感激。
