css3选择器

属性选择器：
a[href]: 所有a标签中 带有href属性名的标签。
a[href="#"]: 所有a标签中，href属性值为#号的。
a[href~="##"]: 所有a标签中，href属性值包含多个词汇，其中有##，多个词汇用空格相连
a[href|="##"]: 所有a标签中，href属性值包含多个单词，单词用-相连。而第一个单词为##。
a[href^="##"]: href属性值以##开头。
a[href$="##"]: href属性值以##结尾。
a[href*="##"]: href属性值只要包含##就可以。


同级元素选择器：
.div1~span: 同级元素选择器，选择的是.div1下面的span标签
.div1+span: 选择的是相邻的元素，.div1相邻的span标签，span必须在下面，而且必须相邻。
<div>
<div class="div1">
<span></span>
<span></span>
<span></span>
</div>
</div>


子元素选择器：
ul li:nth-child(n){...}
n 从 0 开始取值
先找li父级，然后再找父级中子级（必须是li才能选中）的第几个元素
li:nth-last-child(){...}
找的方式从后向前找
li:first-child{}
选择li父级中的第一个子级元素，若是li则选中
li:last-child{}
选择li父级中的最后一个子级元素，若是li则选中


li:first-of-type{}
选中的是第一个li标签(从所有的li标签中进行选择)
li:last-of-type{}
选中的是最后一个li标签(从所有的li标签中进行选择)
li:nth-of-type(){...}
从所有的li标签中进行计算，选中指定标签
li:nth-last-of-type(){...}
从所有的li标签中进行计算反向选取


div>span 子级元素选择器
div span 后代元素选择器