前端的基础课程——声明冲突

162 阅读1分钟
  • 一、声明冲突:

属性相同值不同,这就是声明冲突。

二、层叠:

层叠是一种机制,用于解决css声明冲突。

层叠的过程:

  • a、比较优先级

若属性值后跟上 !important;是一条重要声明,反之表示普通声明

(例如:color:red !important;)
优先级从低到高排列
  • 1.浏览器默认声明
    2.用户的普通声明
    3.作者的普通声明
    4.作者的重要声明
    5.用户的重要声明
  • b、比较特殊性
  • 嵌入idclass元素
    abcd
    style1000
    id0100
    class、属性、伪类0010
    元素、伪元素0001
    通配符0000
    important最高最高最高最高

规则适用范围越大,特殊性越低,适用范围越小,特殊性越高

特殊性从高到低
important>行内样式>ID选择器>类选择器>元素选择器>通配符选择器

继承:是指子元素会自动拥有父元素的某些css属性

可被继承的 属性:color   font-size   font-weight  text-align  
​
不可被继承的属性:background-color

强制继承:

也叫显示继承,是指将CSS属性值设置为inheri

属性值计算过程的简介

属性值的计算过程.png

c、比较源次序

就近原则 后来者居上