css新增选择器

属性选择器：

<div class="boax">11111</div>

<div class="abox">22222</div>

<div class="boxb">33333</div>

<div class="cbox">44444</div>

·div[class^=b]   选中^以b开头；

·div[class$=box]   选中$以box结尾；

·div[class*=box]    选中*包含box的所有；

 

 

结构性伪类选择器：

<ul>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

 

·li:first-child 其父元素首个子元素

·li:last-child 其父元素最后子元素

·li:nth-child(n) 其父元素第n个元素 （even偶数、odd奇数、数字都可）

·li:nth-last-child(n) 其父元素第n个元素 最后一个开始计算（倒数）