菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-张悕可-20230414 [打印本页]

作者: 小胖 时间: 2023-4-14 23:05
标题: 前端-张悕可-20230414
css三大特性

层叠性
- 如果选择器相同，设置了相同的样式，就会出现样式冲突的问题
- 层叠性原则
  - 样式冲突，遵循的原则就是就近原则，哪个样式距离结构近，就用哪个
  - 样式不冲突，不会层叠。
继承性
- CSS中的继承：子元素会继承父元素的某些样式，比如文本属性，字体属性等等。
  - 子元素可以继承的属性：font-、text-、line-、color等。
  - 优先级（权重）
    - 当同一个元素被指定了多个选择器，就会出现优先级的问题
      - 选择器相同，执行层叠性。
      - 选择器不同，就执行优先级
    - 不同的选择器权重如下
    - 优先级的注意点
      - 权重是由四组数字构成的，但是不会有进位（例如：元素选择器永远不会比类选择器的权重高）
      - 如果遇到复合选择器，那么要将他们的权重进行相加后进行比较。
        
        权重叠加
        
        div ul li a ---> 0,0,0,4
        
        .nav a:hover ---> 0,0,2,1
        
        .header ul li a:hover ---> 0,0,2,3
        
        #song .nav ul a:hover -->0,1,2,2
      - 继承的权重是0，如果该元素没有被直接选中，不管父元素的权重是多高，子元素得到的样式权重都是0

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)