一 . 选择器
1.通配选择器 *
- 通用选择器匹配html元素的所有元素
2.元素选择器
- 直接使用元素作为选择器名
3.ID选择器
- 通过对元素设置全局属性id,然后使用#id值来选择页面唯一的元素
4 . 类选择器
- 通过对元素设置全局属性class,然后使用.class值选择器选择页面一个或多个元素
- 也可使用”元素.class值“形式,限定某种类型的元素
- 类选择器还可以调用多种中间用空格隔开进行层叠
5. 属性选择器
- 直接通过两个中括号里面包含属性名即可 如 : [href]
- 匹配属性值的属性选择器 [type=”password”]
- 属性值开头匹配的属性选择器 [href^=”http”]
- 属性值结尾匹配的属性值 [hre$=”.com”]
- 包含指定字符的属性选择器 [href=”google”]
6.复合选择器
1.分组选择器
- 将多个选择器通过逗号分隔,同时设置统一样式。
2.后代选择器
- 选择器内部所有子选择器(包括直接的和间接的),不在乎子选择器的层次
3.子选择器
- 只能是选择器内的直接选择器
4.相邻兄弟选择器 ,用加号连接
5.普通兄弟选择器,用“~”连接
7.伪元素选择器
1. ::first-line 块级首行
- 块级元素比如p,div等首行文本被选定若想限定某种元素,可加前置 p::first-line{}