选择器的几种

1.属性选择器

(1)标签名[属性名]
(2)标签名[[attribute=value]严格匹配
(3)标签名[attribute *=value]查找指定属性并且属性值中包含value的标签
(4)标签名[attribute ^=value]查找指定属性并且属性值中以value开头的标签
(5)标签名[attribute $=value]查找指定属性并且属性值中以value结束的标签

2.伪类选择器

(1)兄弟伪类
①+ 获取当前元素的相邻的满足条件的颜色 比如 .类名+标签名
②~ 获取满足条件的兄弟元素 比如 .类名~标签名
(2)相对于父元素的伪类(结构伪类)
①E:first-child 查找E元素的父元素的第一个子元素E(假如第一个元素不属于E类型 则无法选中)
②E:last-child
③E:first-of-type 查找E元素的父元素的第一个子元素E(会过滤掉非E类型的标签)
④E:last-of-type
⑤E:nth-child(n)选择E元素的父元素的第n个子元素
⑥E:nth-last-child(n)
⑦E:nth-child(even)所有的偶数
⑧E:nth-child(odd)所有的奇数
⑨E:nth-of-type(even)选择同为E类型的偶数
⑩E:nth-of-type(odd)选择同为E类型的奇数
⑪E:nth-of-type(-n+5)取E的父元素的子元素的前5个
⑫E:nth-last-of-type(-n+5)
⑬E:target 为锚点的目标元素添加样式 比如 h2:target 锚链接是h2时将会被选中(选中后可设置样式)

3.伪元素选择器

(1)E::before
①定义在一个元素的内容之前插入content属性定义的内容与样式
②是一个行内元素 设置宽高需要转换为块级元素(使用display:block 或者 浮动 或者定位),否则不可见
③content 必须添加 为空也可以
(2)E::after
①定义在一个元素的内容之后插入content属性定义的内容与样式
②是一个行内元素 设置宽高需要转换为块级元素 使用display:block 或者 浮动 或者定位,否则不可见
③content 必须添加 为空也可以
(3)E::first-letter
①选中第一行的第一个字母或者字
②如果设置了 ::first-letter那么无法同时设置它的样式
(4)E::first-line
①选中第一行
(5)E::selection
①设置文字选中后的样式(只能设置显示的样式 不能设置内容大小)