开发者学堂课程【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;
}