Css-层叠（样式优先级+选择器优先级+继承）

定义CSS的方式：

样式表优先级:内联样式>内嵌样式>外联样式

内联样式
<div style="background-color:#red">
内嵌样式
<style>div{ background-color:red }</style>
外联样式
<link rel="stylesheet" src="index.css"/>

但是为了减少回流开销，尽量少的使用内联样式，使用内嵌和外联

选择器的类型：

三大类：基本选择器、关系选择器、伪选择器

权重顺序：ID选择器>类选择器/伪类选择器/属性选择器>关系选择器/伪元素选择器（优先级为0），
声明了:!important是最大，大于内联

继承：

与外观相关的属性会被继承（font-family、color、background-color）
与布局相关的属性不能被继承(margin、padding、width、height、border)

伪类选择器：

定义的顺序：:link :visited :hover :active（记忆 LVHA love hate）
定义在一个元素上，权重相同 ，当悬浮:hover到未访问:link或已访问:visited元素上的时，会同时触发:link/:visited和:hover,如果：link/:visited定义在:hover之后，:hover定义样式被覆盖。
鼠标点击的时候，会有:active和:hover两种状态，如果:hover放在:active后面，:active被覆盖