p[name]{background:red;} 只使用屬性名p[name=ghr]{background:red;} 指定屬性名，並指定了該屬性的屬性值p[name~=old]{background:red;}此屬性值是一個詞列表，並且以空格隔開，其中詞列表中包含了一個value詞p[name^=
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）
IE7及以上支持
<body> <p name="bghr">小黑</p> <p name="b-ghr old">小白</p> <p name="ghr">ghr</p> <p name="dp">店鋪</p> <p name="gzM">gzm</p> <p name="xm">小美</p> </body>
含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元素前
