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开始
还有许多选择器,这里就不再一一列举了