学习-WEB前端快速入门-22.24_CSS样式表_选择器优先级

一、优先级指数

1.定义

每一个选择器内隐形的量化指标，数值越大优先级越高

id选择器：100
class选择器：10
标签选择器：1
通用选择器：0

2.代码

3.显示

优先级指数并没有绝对的优先，同等最基础的情况下，谁优先等级越高，谁优先加载。如下：

二、优先级顺序

1、定义

绝对位阶原则：
@对于不同优先级的选择器，高优先级选择器对应的样式表添加的样式总是覆盖，低优先级选择器对应的样式表添加样式。
@对于相同优先级的选择器，后写的总是覆盖先写的。

@id选择器 > class选择器 > 标签选择器 >通用选择器

2、代码

    .div1{ background-color: green;}
     #div1{background-color: red;}
     div{background-color: blue;}
    *{background-color: pink;}
    .div2{background-color: cyan;}
    
    <div class="div1 div2" id="div1">这是一个div</div>