零、概覽
CSS2支持的屬性選擇器用一個表達式[{屬性 | 屬性 {= | |= | ~=} 值}]
1.[class="a"]只能匹配class="a"的元素
2.[class~="a"]則可以匹配class="a"、class="a b"的元素
3.[lang|=en]則可以匹配lang="en"、lang="en-us"的元素。
CSS3新增*=、^=、$=三種匹配方式[{屬性 | 屬性 {*= | ^= | $=} 值}]：
1.*=表示模糊匹配，[href="163"]可以匹配href="163.com"、href="mail.163.com"等元素；
2.^=表示以指定字符開頭，[href^="/"]則匹配href="/a/a.htm"、href="/b"的元素
3.$=表示以指定字符結尾，[scr$=".png"]則匹配所有png圖片，如src="logo.png"
CSS3的屬性選擇器主要包括以下幾種：
1.E[attr]：只使用屬性名，但沒有確定任何屬性值；
2.E[attr="value"]：指定屬性名，并指定了該屬性的屬性值；
3.E[attr~="value"]：指定屬性名，并且具有屬性值，此屬性值是一個詞列表，并且以空格隔開，其中詞列表中包含了一個value詞，而且等號前面的“?”不能不寫；
4.E[attr^="value"]：指定了屬性名，并且有屬性值，屬性值是以value開頭的；
5.E[attr$="value"]：指定了屬性名，并且有屬性值，而且屬性值是以value結束的；
6.E[attr*="value"]：指定了屬性名，并且有屬性值，而且屬值中包含了value；
7.E[attr|="value"]：指定了屬性名，并且屬性值是value或者以“value-”開頭的值（比如說zh-cn）;
一、E[attr]：屬性選擇器是CSS3屬性選擇器中最簡單的一種。如果你希望選擇有某個屬性的元素，而不論這個屬性值是什么，你就可以使用這個屬性選擇器：
也可以使用多屬性進行選擇元素，如E[attr1][attr2], 這樣只要是同時具有這兩屬性的元素都將被選中：
注：IE6不支持這個選擇器。
二、E[attr="value"]：指定了屬性值“value”
注：屬性和屬性值必須完全匹配，特別是對于屬性值是詞列表的形式時，如：
test
新聞熱點
疑難解答
