c3选择器

经常记不住c3选择器，再次强化一遍。。。

1.属性选择器

语法特点：[]

e[attr] 具有某属性的标签

e[attr = ""]  属性值完全等于某个值的标签

e[attr *= ""] 属性值里包含某个值的标签

e[attr ^= ""] 属性值以某个值开头的标签

e[attr $= ""] 属性值以某个值结尾的标签

2.伪类选择器（位置伪类）

e:first-child 父元素的第一个子元素 例子：li:first-child //父元素的第一个子元素，并且标签是li

e:last-child 父元素的最后一个子元素

e:nth-child(n) n是乘法因子，理解为变量，n从0开始取值

2n是偶数

2n-1或者2n+1是奇数

e:nth-child(even) 偶数

e:nth-child(odd) 奇数

e:nth-last-child(n) 倒数第N个元素

2.空伪类

e:empty 选中没有任何子节点的e元素

3.目标伪类

e:target  结合锚点使用，处于当前锚点的元素会被选中

用法：

<a href="#box"></a>

<div id="box"></div>

调用#box:target {}

4.排除伪类

e:not(选择器） 除了选择器意外的元素会被选中

5.伪元素选择器

语法特点：双冒号：：

e::first-letter 对文本的第一个字或者字符设置样式

e::selection 可改变选中文本的样式

e::first-line 对文本的第一行设置样式

e::before 和e:affter 在E元素内部的开始为止和结束位置创建一个元素，该元素为行内元素，使用时必须结合content使用

例子：

div::before{

content："";//必须写，不能省略

display:block;//默认是inline-block

width:......;

height:....;

}