CSS屬性選擇器和部分僞類

p[name]{background:red;} 只使用屬性名
p[name=ghr]{background:red;} 指定屬性名，並指定了該屬性的屬性值
p[name~=old]{background:red;}此屬性值是一個詞列表，而且以空格隔開，其中詞列表中包含了一個value詞
p[name^=g]{background:pink;}屬性值是以g開頭的
p[name$=M]{background:#CC0;}屬性值是以M結尾的
p[name*=d]{background:#C3C;}屬值中包含了value
p[name|=b]{background:#C3C;}屬性值是value或者以「value-」開頭的值（好比說zh-cn）

 

含type的是類型型，值限制類型
不含type是結構型，限制位置和類型（本身總結的，有問題歡迎指出）
p:nth-child(2) 找p標籤父級下的第二個子元素且是p標籤
p:nth-child(odd){background:red}/*匹配奇數行*/
p:nth-child(even){background:red}/*匹配偶數行*/
p:nth-child(2n){background:red}
E:nth-last-child(n) 表示E父元素中的第n個字節點，且類型爲E從後向前計算  結構型
p:nth-of-type(2) 找p父級下的第二個p元素  類型型
E:nth-of-type(n)  表示E父元素中的第n個E類型字節點
E:nth-last-of-type(n)表示E父元素中的第n個類型爲E的子節點,從後向前計算
E:empty 表示E元素中沒有子節點。注意：子節點包含文本節點
p:first-child 表示p父元素中的第一個子節點且是p
E:last-child 表示E元素中的最後一個子節點
E:first-of-type 表示E父元素中的第一個節點類型是E的
E:last-of-type 表示E父元素中的最後一個節點類型是E的
E:only-child表示E元素中只有一個子節點。注意：子節點不包含文本節點
E:only-of-type 表示E的父元素中只有一個子節點，且這個惟一的子節點的類型必須是E。注意：子節點不包含文本節點
選擇器僞類：
E:target 表示當前的URL片斷的元素類型，這個元素必須是E
E:disabled 表示不可點擊的表單控件
E:enabled 表示可點擊的表單控件
E:checked 表示已選中的checkbox或radio
E:first-line 表示E元素中的第一行
E:first-letter 表示E元素中的第一個字符
E::selection表示E元素在用戶選中文字時
E::before 生成內容在E元素前