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

1. 优先原则

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

2. 继承原则

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

3. 优先原则2

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

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

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

5. 优先级总结

  • 弱到强: 外部样式——> 内部样式——> 内联样式——> !important
发布了21 篇原创文章 · 获赞 1 · 访问量 63

猜你喜欢

转载自blog.csdn.net/weixin_43388615/article/details/105076996