css的常用选择器

CSS的常用选择器

1、id选择器

作用 : 选中对应id属性值的元素
例子 :

      <p id="A">段落1</p>

      <p id="B">段落1</p> 

2、class选择器

作用 : 选中对应class属性值的元素
例子 :

      <p class="A">段落1</p>

      <p class="B">段落1</p> 

3、标签选择器

作用：选中指定标签，也叫元素选择器
例子 : p{} div{} ul{}

4、属性选择器

作用： 选中指定规则的属性，所在标签

5、子选择器

作用：指定目标选择器必须处在某个选择器对应的元素

6、兄弟选择器

作用：选中后面一个或多个兄弟

7、相邻选择器

作用： 选中后面一个兄弟

8、伪类选择器

作用：主要根据用户动作，标签位置，标签状态来选中

9、伪元素选择器

作用：主要选中一段文本的一行，首字，或前后添加样式

常见的几个伪元素：

:first-letter 表示第一个字母

:first-line 表示第一行

:selection 表示选中的元素

:before 元素开始的位置前

:after 元素结束的位置后