css常用选择器

1.普通选择器（重点）

.class 类选择器
#id id选择器
element 标签选择器

2.复合选择器

2.1 后代选择器（重点）

作用：用于选择元素内部的元素（匹配的元素可以是祖先元素的孩子，孙子，曾孙等等）

.class p{}       /*空格*/

2.2 子选择器

作用：用于选择某元素的子元素（亲儿子）

.class>p{}     /*>大于号*/

2.3 组选择器（重点）

作用：用于选取第一个指定的元素之后(不是内部)紧跟的元素。

h1,h2,p{}     /*,逗号*/

2.4 相邻同级选择器

作用：用于选择指定的第一个元素之后紧跟的兄弟元素。

div+p{}      /*+加号*/

2.5 兄弟选择器

作用：用于选择第一个元素之后的兄弟元素（第一个元素与兄弟元素必须为同一个父元素）

p~ul{}       /*~波浪号*/

2.6 伪类选择器（重点）

:active 选择器匹配激活元素
:hover 选择器当有鼠标悬停在其上的链接样式
:link 选择器设置了未访问过的页面链接样式
:visited 选择器设置访问过的页面链接的样式
注意: 为了产生预期的效果，在CSS定义中，:active必须位于:hover之后！！

:before 选择器向选定的元素前插入内容（使用content 属性来指定要插入的内容）
:after选择器向选定的元素之后插入内容（使用content 属性来指定要插入的内容）

:first-child选择器匹配第一个子元素
:last-child选择器用来匹配父元素中最后一个子元素
:nth-child(n)选择器匹配父元素中的第n个子元素。参数是元素的索引。索引从1开始
:nth-last-of-type(n)选择器匹配同类型中的倒数第n个同级兄弟元素。参数是元素的索引。索引从1开始

还有许多选择器，这里就不再一一列举了