权重问题
权重大小排序:
继承的权重<标签<类<id<行内<!important
权重具体大小
- 继承所得的权重为0,0,0,0;
- 标签 0.0.0.1
- 类 0.0.1.0
- id 0.1.0.0
- 行内 1.0.0.0
- !important 权重最高
important的使用方法:
在Css中 放在设置好的样式的后面p{ color:pink !important;}
权重继承的问题:
权重是不继承的也就是说:父元素不论是多少的权重,子元素都不会继承其权重,子元素的权重仅仅来自本身。
权重叠加的问题:
权重是可以叠加的:
a {
color: antiquewhite; // 权重为:0.0.0.1
}
li a {
color: yellowgreen; // 权重为: 0.0.0.2
}
ul li a { // 权重为:0.0.0.3
color: beige;
}
.box a { // 权重为: 0.0.1.1 因为:类的权重为10
color: aqua;
}
特别的:
伪类的权重 :hover 也是和类一样0.0.1.0;