CSS基础学习（三）——三大特性

CSS三大特性

• 继承性
• 层叠性
• 优先级

（一）继承性

1. 继承性的应用场景。
   • 可以节省代码
   • 给 ul 设置 list-style:none
   • 给body设置统一的font-size, 统一不同浏览器的默认字体大小
2. 继承失效的情况。
   • 继承的优先级, 没有浏览器的默认样式高
   • a 标签的 color
   • h 标签的 font-size

（二）层叠性

1. CSS 全名叫做"层叠式样式表", 层叠性是它很重要的性质。

2. 层叠性：多个选择器可以同时作用于同一个标签, 效果叠加。

   注意：

   • 给同一个标签设置不同的样式, 样式会叠加
   • 给同一个标签设置相同的样式, 写在最后的会生效（优先级一样）
   • 当样式发生冲突的时候, 看优先级, 优先级高的显示, 如果优先级一样, 参见上一条

（三）优先级

通过权重来判断优先级

不同的选择器拥有不同的权重

• 继承的权重

  继承 < 通配符 < 标签 < 类 < id < 行内 < !important

选择器	权重
继承	null
通配符（*） 子选择器（>） 相邻选择器（+） 兄弟选择器（~）	0-0-0-0-0
标签（h、p、a、span...）	0-0-0-0-1
类（.myClass...） 属性选择器（[type="text"]...） 伪类（:hover...）	0-0-0-1-0
id（#myDiv...）	0-0-1-0-0
行内（内联样式）（style=""）	0-1-0-0-0
!important	1-0-0-0-0

注意：权重可以叠加。如下图：