前端-张悕可-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