CSS有多少种样式类型：
1.行内样式：<style/style>
2.内联样式：<div style-“color:red>;
3.外部样式：或@import引入
常见选择器及选择器权重
| 选择器 | 格式 | 优先级权重 |
|---|---|---|
| id选择器 | #id | 100 |
| 类选择器 | .classname | 10 |
| 属性选择器 | a[ref = “eee”] | 10 |
| 伪类选择器 | li:last-child | 10 |
| 标签选择器 | div | 1 |
| 伪元素选择器 | li:after | 1 |
| 相邻兄弟选择器 | h1+p | 0 |
| 子选择器 | ul>li | 0 |
| 后代选择器 | li a | 0 |
| 通配符选择器 | * | 0 |
三、注意事项
- !important声明的样式的优先级最高；
- 如果优先级相同，则最后出现的样式生效；覆盖原则。
- 继承得到的样式的优先级最低：和类继承差不多。
- 通用选择器(*)、子选择器(>)和相邻同胞选择器(+)并不在这四个等级中，所以它们的权值都为0：
- 样式表的来源不同时，优先级顺序为：内联样式>内部样式>外部样式>浏览器用户自定义样式>浏览器默认样式。