css的属性计算过程

我们所书写的任何一个 HTML 元素，实际上都有完整的一整套 CSS 样式
总的来讲，属性值的计算过程，分为如下这么 4 个步骤：
确定声明值->层叠冲突->使用继承->使用默认值

• 确定声明值
  声明值就是作者自己所书写的 CSS 样式

• 层叠冲突
  - 1比较源的重要性
  页面作者样式(开发者自己设置的)
  用户代理样式(浏览器默认样式)
  用户样式(浏览器用户)
  - 2比较优先级(源冲突后)
  - 选择器的权重(同一选择器一般是越详细权重越高)
  发生冲突时，由选择器的权重（优先级）决定

                           内联样式
                           id选择器
                           类和伪类选择器
                           元素选择器    
                           通配选择器   任何一个选择器都可以覆盖掉他
  
                          - 比较优先级时，需要将所       有的选择器优先级进行相加，
                            最后优先级越高，则越优先显示（分组选择器时单独计算的）
                            选择器的累加1也不会超过其最大数量级，即  类选择器累计再多也不能超过id选择器
  
                - 3比较次序(样式声明既是同源，权重也相同)
                     优先级计算相同则使用靠下的，后编译的
  

• 使用继承
  没有声明使用继承的(但是要看可以继承的属性)

• 使用默认值

我们所书写的任何一个 HTML 元素，实际上都有完整的一整套 CSS 样式
总的来讲，属性值的计算过程，分为如下这么 4 个步骤：
确定声明值->层叠冲突->使用继承->使用默认值

• 确定声明值
  声明值就是作者自己所书写的 CSS 样式

• 层叠冲突
  - 1比较源的重要性
  页面作者样式(开发者自己设置的)
  用户代理样式(浏览器默认样式)
  用户样式(浏览器用户)
  - 2比较优先级(源冲突后)
  - 选择器的权重(同一选择器一般是越详细权重越高)
  发生冲突时，由选择器的权重（优先级）决定

                           内联样式
                           id选择器
                           类和伪类选择器
                           元素选择器    
                           通配选择器   任何一个选择器都可以覆盖掉他
  
                          - 比较优先级时，需要将所有的选择器优先级进行相加，
                            最后优先级越高，则越优先显示（分组选择器时单独计算的）
                            选择器的累加1也不会超过其最大数量级，即  类选择器累计再多也不能超过id选择器
  
                - 3比较次序(样式声明既是同源，权重也相同)
                     优先级计算相同则使用靠下的，后编译的
  

• 使用继承
  没有声明使用继承的(但是要看可以继承的属性)

• 使用默认值

我们所书写的任何一个 HTML 元素，实际上都有完整的一整套 CSS 样式
总的来讲，属性值的计算过程，分为如下这么 4 个步骤：
确定声明值->层叠冲突->使用继承->使用默认值

• 确定声明值
  声明值就是作者自己所书写的 CSS 样式

• 层叠冲突
  - 1比较源的重要性
  页面作者样式(开发者自己设置的)
  用户代理样式(浏览器默认样式)
  用户样式(浏览器用户)
  - 2比较优先级(源冲突后)
  - 选择器的权重(同一选择器一般是越详细权重越高)
  发生冲突时，由选择器的权重（优先级）决定

                           内联样式
                           id选择器
                           类和伪类选择器
                           元素选择器    
                           通配选择器   任何一个选择器都可以覆盖掉他
  
                          - 比较优先级时，需要将所有的选择器优先级进行相加，
                            最后优先级越高，则越优先显示（分组选择器时单独计算的）
                            选择器的累加1也不会超过其最大数量级，即  类选择器累计再多也不能超过id选择器
  
                - 3比较次序(样式声明既是同源，权重也相同)
                     优先级计算相同则使用靠下的，后编译的
  

• 使用继承
  没有声明使用继承的(但是要看可以继承的属性)

• 使用默认值

我们所书写的任何一个 HTML 元素，实际上都有完整的一整套 CSS 样式
总的来讲，属性值的计算过程，分为如下这么 4 个步骤：
确定声明值->层叠冲突->使用继承->使用默认值

• 确定声明值
  声明值就是作者自己所书写的 CSS 样式

• 层叠冲突
  - 1比较源的重要性
  页面作者样式(开发者自己设置的)
  用户代理样式(浏览器默认样式)
  用户样式(浏览器用户)
  - 2比较优先级(源冲突后)
  - 选择器的权重(同一选择器一般是越详细权重越高)
  发生冲突时，由选择器的权重（优先级）决定

                           内联样式
                           id选择器
                           类和伪类选择器
                           元素选择器    
                           通配选择器   任何一个选择器都可以覆盖掉他
  
                          - 比较优先级时，需要将所有的选择器优先级进行相加，
                            最后优先级越高，则越优先显示（分组选择器时单独计算的）
                            选择器的累加1也不会超过其最大数量级，即  类选择器累计再多也不能超过id选择器
  
                - 3比较次序(样式声明既是同源，权重也相同)
                     优先级计算相同则使用靠下的，后编译的
  

• 使用继承
  没有声明使用继承的(但是要看可以继承的属性)

• 使用默认值