CSS的常用类型和选择器权重的介绍

css的使用方式

1. 内嵌样式：写在style标签对里面。
2. 行内样式：直接写在标签行上面。
3. 外链样式：单独写一个css文件，通过link标签引入。
4. 导入式：单独写一个css文件，通过@import导入。

css常用选择器

1. 基础选择器：标签选择器、类选择器和ID选择器。
2. 后代选择器
3. 子选择器
4. 伪类选择器
5. 群组选择器
6. 同级选择器
7. 属性选择器

css选择器优先权重

当样式冲突时，将根据【权重+就近原则】来判断以谁的样式为准。

1. 基本类型选择器权重

行列样式：1000
Id选择器： 100
Class选择器：10 【属性选择器】
标签选择器：1
任意符选择器：0 （大于默认样式与继承验样式）

2. 组合选择器权重

群组选择器： 单独计算
后代，子代，兄弟等选择器：权重相加

3. 就近原则

当权重值相同时，谁和要设置的html标签隔得近，谁的权重就高。