选择器

一 . 选择器

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{}