HTML5-5(CSS选择器的优先级别)
2016-11-01 本文已影响34人
IIronMan
一.简单的介绍几种优先级比较
- **0.先说一个:***** 代表可以更改全部的标签: 通配符

- **1.标签选择器>通配符:*******

- 2.想用级别就近原则

- 3.类选择器>标签选择器

- 4.id选择器 > 类选择器
id 只能有一个对应的值 ,如果两个值 如:


- 5.id选择器>符合选择器

二.权值介绍:权值的和越高,优先级别越高
-
红色的更加重要
权值得介绍
-
1.级别最高的是important 权值:1000
用法: 在important面前其他的优先级别都是菜鸟

- 2.老二优先级别是 行内标签

三.优先级别的归纳
important > 内联(行内) > id > 类 >标签 | 伪类 | 属性选择 | > 伪元素 > 通配符: > 继承*
解释一下: 继承是 子类标签继承父类标签的一些属性(优先级别很低)