CSS选择器优先级介绍

块元素和内联元素

块元素

块元素：所谓块元素就是独占一行的元素
例如：div p h1 h2 h3 ~

内联元素

内联元素（行内元素）：指只占用自身元素大小，不会占用一行
例如： a img span iframe

块元素主要用来页面布局 ；内联元素主要用来选中文本设置样式；

一般情况，只用块元素去包含内联元素，其中a元素可以包含任意元素，除了他本身；p元素中不能包含其他块元素；

选择器分类

本文介绍了几种常见的选择器及其优先级的规则

通配选择器

可以用它来选中页面中的所有元素
语法： *{ }

id选择器

通过元素的id属性值选中唯一的元素
语法： #id属性值 {}

类选择器

通过元素的class属性值选中一组元素
语法： .class属性值{}

元素选择器

p{
font-size:10px;
}
: first-letter 为p中第一个元素设置特殊格式
：last-line 为p的第一行设置格式
：before 表示元素最前面的部分
：after 表示元素最后面的部分
before、after 结合content一起使用，通过cont