当css中对同一元素的操作中既有类选择器和标签选择器，那么会显示哪个？

当css中对同一元素的操作中既有类选择器和标签选择器，那么会显示哪个？

代码实现

// html部分
<p id="hool"><span>酒醒只在花前坐，酒醉还需花下眠</span></p>
//这里我们对文字套了两个标签，

// css部分
#hool{
  color:blue;
  }
span{
  color:red;
  }
//我们对文字段落进行了两次css的“加持”。

图片这里就先不放了，勤劳的大哥可以手动验证一下，快的很。

运行结果就是“酒醒只在花前坐，酒醉还需花下眠”；这一段落文字颜色最终是 红色 ！

那是不是我们写css时候的两个选择器的先后顺序造成的呢？？？
答案是：漏，

我们再按F12对网页进行调试，发现：我们的span中写的属性值把id选择器中的属性值覆盖掉了。

由此可见，我们的标签选择器权重是要大于我们的id选择器的。

再来看我们的亲爱的class

<p class="woo"><span>仰天大笑出门去，我辈岂是蓬蒿人</span></p>

// css部分
.woo{
  color:blue;
  }
span{
  color:red;
  }
//我们再次对文字段落进行了两次css的“加持”。

运行结果是“仰天大笑出门去，我辈岂是蓬蒿人”；这一段落文字颜色最终是 蓝色 ！

依然不是编写顺序问题，

我们再按F12对网页进行调试，发现：我们的class中写的属性值把span选择器中的属性值覆盖掉了。

又由此可见，我们的类选择器权重是要大于我们的标签选择器的。