CSS_01
1.继承性
应用场景设置网页的一些共有的信息,例如网页的文字颜色,字体,文字大小等内容
例如:
body{
font-size:12px;
font-family:"微软雅黑";
color:#666;
}
注意的点
1.并不是所欲属性都可以继承,只有color/font-/text-/line-开头的属性才可以继承
2.在css的继承中,不仅仅是儿子可以继承,只要后代都可以继承
3.继承性中的特殊性
标签的文字颜色和下划线是不能继承的
标签的文字大小是不能继承
2.优先级
作用:当多个选择器同时选中同一个标签,并且同时设置标签相同的属性的时候,如何层叠就由优先级来决定
判断优先级的三种方式
间接选中就是继承
如果间接选中,那么就是谁离目标标签比较近就听谁的
相同选择器(直接选中)
如果都是直接选中,并且都是相同类型的选择器,那么就是谁写在后面就听谁的
不同选择器(直接选中)
如果都是直接选中,并且都不是相同类型的选择器,那么就会按照选择器的优先级来层叠
id>类>标签>通配符>继承>浏览器默认
优先级的权重问题
作用:当多个选择器混合在一起使用时,我们可以通过计算权重来
判断谁的优先级最高
权重的计算规则
1.首先先计算选择器中有多少个id,id多的选择器优先级最高
2.如果id的个数一样,那么看类名的个数,类名个数多的优先级最高
3.如果类名的个数一样,那么看标签的个数,标签个数多的优先级最高
4.如果前面三个数一样,那么谁写在后面听谁的
只有选择器不是直接选中标签的时候才需要计算权重,否则一定会听直接选中
的选择器的
3.!important
作用:用于提升摸个属性的优先级,可以将被指定的属性的优先级提升为最高格式:
p{
color:blue !important;
font-size:10px;
}
注意点:
1.!important只能用于直接选中,不能用于间接选中
2.通配符选择器选中的标签也是直接选中的
3.!important 只能提升指定属性的优先级,其他的属性不会提升
4.必须写在属性值的分号前面
5.前面的感叹号不能省略