寫在前面的戲：
最近參加了度娘前端IFE的春季班，刷任務(wù)裁替，百度真是有營銷頭腦项玛，讓咱們這幫未來的技術(shù)狂人為他打廣告，其中做的幾個(gè)任務(wù)中有幾個(gè)以前沒有用到的東西弱判，
也算是有些許收獲（現(xiàn)在做了一半任務(wù)哦襟沮，萌萌噠），今天就來捋一捋css強(qiáng)大的nth-child(n)選擇器功能（以慶祝博客粉絲突破YI員昌腰，訪問量突破一百大關(guān)开伏，可喜可賀，榮登博客名人指日可待０啤９柙颉）
（常規(guī)選擇器的YY）
這里說的東西有些初級哦淹父，自己捋一捋思路寫的株婴，不想看就跳過吧
選擇器又稱為“查戶口”，想找到一個(gè)節(jié)點(diǎn)，或者是找到多個(gè)節(jié)點(diǎn)困介，就跟警察抓兇手是一樣一樣的大审，從多方面入手，最簡入手座哩，就是抓人的準(zhǔn)則
number1. class類（飯卡徒扶，能夠證明是這個(gè)學(xué)校的，可以找出一批人）
number2. id身份證（就是找你吶根穷，大胸弟）
number3. *[tittle='大光頭']屬性選擇器（強(qiáng)哥嗎姜骡？）
指向不到你哈，用關(guān)系找你
number1. div span后代選擇器 （盒子兄啊屿良，看看span是不是你孫子兒子啥的圈澈，有事兒）
number2. div>span子代選擇器（好啊，盒子兄尘惧，就是你兒子span）
number3. div+span鄰居選擇器（span是你鄰居吧）
最意外的是沒有father選擇器
事件選擇器（犯人已經(jīng)抓卓嫡弧）
a:link （抓住之前的生活，吃喝嫖賭是樣樣精通芭绯取）
a:hover （被盯上的生活啥么，女票跟人跑了）
a:active （被抓后的生活，吃牢飯）
a:visited （釋放后的生活贰逾，吃喝嫖賭是樣樣精通靶佟）
偽元素（選中之后，施加魔法疙剑，給他個(gè)私生子隅熙，my god！這不是港劇才有的劇情嗎）
：after 后面
：before 前面
（可以優(yōu)雅得消除浮動(dòng)
可以添加小三角...如下）
.hidden:before {
content: '';
display: block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #999999;
position: absolute;
top: -7px;
left: 50px;}
有沒有很贊（瞧這核芽，又扯到小三角去了囚戚，灰色效果為展示使用，漸變后毫無p感）
除了以上的常規(guī)選擇器之外轧简，其他的生僻選擇器就不寫了驰坊，亮出主題（沒事兒，列個(gè)表）
| 我是一個(gè)表 | nth-child（） | 莫用 |
|---|---|---|
| 奇數(shù)偶數(shù) | ：nth-child（2n） | 偶數(shù)項(xiàng)選中 |
| 技術(shù)偶數(shù) | ：nth-child（2n-1） | 奇數(shù)項(xiàng)選中 |
| 區(qū)間 | nth-child(n+4） | 選中大于4的項(xiàng) |
| 區(qū)間 | nth-child（-n+4） | 選中小于4的項(xiàng) |
| 間隔區(qū)間 | nth-child(3n+1) | 隔二選一 |
| 間隔區(qū)間 | nth-child(3n) | 隔三選一 |
| 從后數(shù)數(shù) | nth-last-child() | 倒著數(shù)哦 |
如果想選中表格中的元素哮独，使用強(qiáng)大的nth-child（）偽類選擇器異常方便（更加讓人著迷的是拳芙，括號中的函數(shù)表達(dá)式，可以有無限可能）
我想來【奇數(shù)】項(xiàng)變成color：red皮璧；中國紅
table tr:nth-child(n-1){color: red;}
（偶數(shù)自行把玩）
我想【前三項(xiàng)】變成background-color:yellow;(幸運(yùn)黃)
得勁
【隔三選一】來個(gè)過過癮font-size:25px;
table tr:nth-child(3n){font-size: 25px;}
最后總結(jié)：前端文化博大精深舟扎，妙趣橫生，實(shí)在有想走一輩子的沖動(dòng)啊悴务，ps（山無棱天地合睹限，才敢...）
文章落款：2016年3月十七日譬猫，晚上十點(diǎn)不到，頸椎有點(diǎn)酸痛的感覺羡疗，（哎( ⊙ o ⊙ )染服，是頸椎）
