优先级 | 学习笔记

简介: 快速学习优先级。

开发者学堂课程【CSS 快速掌握优先级】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/611/detail/9181


优先级


内容介绍

一、先级的排序

二、优先级计算的方式

 

一、先级的排序

行内样式> ID 选择器>类选择器>标签选择器

 

二、优先级计算的方式

一般而言,选择器指向的越准确,优先级就会越高,通常我们会用1表示标签选择器的优先级,用10来表示类选择器的优先级,用100来表示 ID 选择器的优先级,用1000来表示行内样式 

标签选择题    1

类选择器      10

ID选择器     100

行内样式     1000

值越大表示其优先级越高。

不管是单个选择器还是多个选择器组合他们之前的优先级都可以通过上面这个公式来进行计算,我们将其只称之为权重值权重值越大,就会表示其优先级越高。

范例

div h2{       /*1+1 =2  */

color:     #ccc;

}

.d h2{      /*10+1 =11*/

coLor:  #000;

}

#dd h2{       /*100+1 =101*/

color:     #f00;

}

 

相关文章
|
JavaScript 算法
v-if和v-for的优先级是什么?
v-if和v-for的优先级是什么?
113 0
|
5月前
|
网络协议
优先级总结
优先级总结
37 1
|
5月前
|
网络架构
网工命令易错点笔记(路由优先级,vrrp优先级)
网工命令易错点笔记(路由优先级,vrrp优先级)
32 0
|
11月前
|
Linux C++
Linux进程的优先级
Linux进程的优先级
|
11月前
Thymelead属性优先级
Thymelead属性优先级
|
安全 UED
如何思考需求的优先级?
如何思考需求的优先级?
89 0
|
JavaScript 前端开发
|
算法 Unix Linux
进程的优先级
进程的优先级
102 0
|
算法 开发者 Python
运算符的优先级 | 学习笔记
快速学习 运算符的优先级
123 0
html+css实战87-优先级-基本测试
html+css实战87-优先级-基本测试
114 0
html+css实战87-优先级-基本测试