属性选择器:
E[attr]:查找指定的拥有attr属性的E标签
E[attr=value]:查找指定的拥有attr属性值为value的E标签
E[attr*=value]:查找指定的拥有attr属性值中任意位置包含value的E标签
E[attr^=value]:查找指定的拥有attr属性值以value开头的E标签
E[attr$=value]:查找指定的拥有attr属性值以value结尾的E标签
伪类选择器:
(1)兄弟伪类
E1 + E2:获取当前元素E1的相邻满足条件的元素E2
E1 ~ E2:获取当前元素E1满足条件的所有兄弟元素E2
(2)相对于父元素的结构伪类
E:first-child:查找E元素的父级元素所有元素中的第一个E元素,若父级元素中第一个元素不是E元素则无效
E:last-child:查找E元素的父级元素中的最后一个E元素
E:nth-child(n):指定索引位置,n可以是从1开始的索引、关键字、表达式
限制类型:
E:first-of-type:查找E元素的父级元素中所有E元素的第一个E元素
E:last-of-type:查找E元素的父级元素中所有E元素的最后一个E元素
E:nth-of-type(n):限制E类型且指定索引位置,n可以是从1开始的索引、关键字、表达式
E:empty:选中没有任何子节点的E元素
E:target:为锚点目标元素添加样式,当目标元素被触发为当前锚点链接时调用此样式
(3)伪元素选择器(像普通元素一样使用,但不会在dom树里)
伪元素行级元素(使用样式里必须加content,像普通元素一样使用,但不会在dom树里)
E::before
E::after
E::first-letter:获取第一个字符
E::first-line:获取第一行内容
E::selection:设置选中内容的样式