參考http://zachary-guo.iteye.com/blog/6051161. div+p 選擇緊接在 <div> 元素之后的所有 <p> 元素。解釋 : find p , p.PRev = div 就ok!2. [class~=flower]選擇 title 屬性包含單詞 "flower" 的所有元素。解釋 : 注意是單詞哦 class="abc xyz" abc這個算一個單詞3. [lang|=en]選擇 lang 屬性值以 "en" 開頭的所有元素。解釋 : 注意所謂的開頭一定要用 - 做分隔符 , class="en-yy" ok, class="en_yy" fail 4. [src^="https"]解釋 : 屬性 str 開頭是 https , 這個可以匹配 httpsss 也行不像 |5. [src$=".pdf"]解釋 ： $是后面，和 ^ 相反，跟正則一樣理解6. [src*=ggc]解釋 : 只要有ggc就中，像sql 的like %ggc%4.p:first-child 選擇屬于父元素的第一個子元素的每個 <p> 元素。解釋 : elem has any parent , elem is first child , elem is p . 3個condition true 就 ok note : 這個和 p:nth-child(1) 是一樣的區別 nth-of-type 和 nth-of-child這兩者的差異用一個跟切合實際的情況比喻就是計劃生育查人口：nth-of-child是如果是第二胎，且是女孩，罰款！nth-of-type是管他第幾胎，第二個出身的女孩，罰款！nth-of-type(2n+1) 算法，n就代表每一個row,從0,1,2... 2n+1 就是 2*0+1, 2*1+1, 2*2+1 ...普通乘法和加法來的，那么每一次算出答案后就讓那個答案亮燈咯5.p:nth-of-type(5)解釋 : eq(4) 選中第5個6.p:nth-of-type(n+3) || p:nth-last-of-type(-n+3) 后面算起 child 也是有解釋 : >=37.p:nth-of-type(-n+3)解釋 : <=38. p:nth-of-type(odd/even)解釋 : 單數 , 雙數9.p:nth-of-type(3n+2)解釋 : 一開始n是0 算一 +2 可以表示為其實點 . 從第2個拿起，3*n就是3的倍數，所以可以表示為每3個亮一個燈咯, 整句就是從第2個開始，每3個亮1個(起點2也亮哦)10. p:nth-of-type(n+3):nth-of-type(-n+5)解釋 : between 3-5 (3和5都算) , 原理是filter2 次咯