css前端样式语言的基本原则简介

1. 优先原则

• 后解析的内容会覆盖之前解析的内容(解析器从上往下执行)

2. 继承原则

• 嵌套里面的标签拥有外部标签的某些样式，子元素可以继承父元素的属性

3. 优先原则2

• 同一个选择器：从上往下执行、解析
• 同一类型选择器：从上往下执行
• 不同类型的选择器：优先级 先解析 低优优先级的——>高优先级的
• 外部样式和内部样式合并之后一起解析，外部样式放前面 ，内部样式放后面, 外部样式+内部样式解析完了之后再解析内联样式
• 加了!important字段的 最后执行

例：
 div{
        background-color: green !important;
}

4. 外部样式(link引入的css文件) 内部样式(style定义的样式) 内联样式(元素的style属性定义的样式)

• 外部样式和内部样式合并之后一起解析，外部样式放前面，内部样式放后面, 外部样式+内部样式解析完了之后再解析内联样式

5. 优先级总结

• 弱到强: 外部样式——> 内部样式——> 内联样式——> !important