一、e[attr]
e[attr]屬性選擇器是css3屬性選擇器中最簡單的一種。如果你希望選擇有某個屬性的元素，而不論這個屬性值是什麼，你就可以使用這個屬性選擇器
ie6不支援這個選擇器。
二、ｅ[attr="value"]
e[attr="value"]選擇器和e[attr]選擇器，從字面上就能很清楚的理解出來，e[attr="value"]是指定了屬性值「value」，而e[attr]只是選擇了有對應的屬性，並沒有明確指其對應的屬性值"value"，這也是這兩種選擇器的最大區是之處。從而縮小了選擇 圍，更能精確選擇自己需要的元素
ie6瀏覽器不支援這種選擇器。
三、e[attr~="value"]
如果你想根據屬性值中的詞列表的某個詞來進行選擇元素，那麼就需要使用這種屬性選擇器：e[attr~="value"]，這種屬性選擇器是屬性值是乙個或多個詞列表，如果是列表時，他們需要用空格隔開，只要屬性值中有乙個value相匹配就可以選中該元素，而我們前面所講的e[attr="value"]是屬性值需要完全匹配才會被選中，他們兩者區別就是乙個有「〜」號，乙個沒有「〜」號。
ie6不支援e[attr~="value"]屬性選擇器。
四、e[attr^="value"]
e[attr^="value"]屬性選擇器，指的是選擇attr屬性值以「value」開頭的所有元素，換句話說，選擇的屬性其以對應的屬性值是以「value」開始的
ie6不支援e[attr^="value"]選擇器。
五、e[attr$="value"]
ｅ[attr$="value"]屬性選擇器剛好與e[attr^="value"]選擇器相反，e[attr$="value"]表示的是選擇attr屬性值以"value"結尾的所有元素，換句話說就是選擇元素attr屬性，並且他的屬性值是以value結尾的，這個運用在給你一些特殊的鏈結加背景很方便的，比如說給pdf,png,doc等不同檔案加上不同icon，我們就可以使用這個屬性來實現
ie6不支援e[attr$="value"]屬性選擇器。
六、e[attr*="value"]
e[attr*="value"]屬性選擇器表示的是選擇attr屬性值中包含子串"value"的所有元素。也就是說，只要你所選擇的屬性，其屬性值中有這個"value"值都將被選中
ie6不支援e[attr$="value"]屬性選擇器。
七、e[attr|="value"]
e[attr|="value"]是屬性選擇器中的最後一種，在說這個選擇器使用之前先提醒大家attr後面的是乙個豎線「｜」而不是l，小心搞錯了。e[attr|="value"]被稱作為特定屬性選擇器。這個選擇器會選擇attr屬性值等於value或以value-開頭的所有元素
ie6不支援e[attr|="value"]選擇器。
CSS3選擇器 屬性選擇器
指定屬性名，但沒有確定任何屬性值 type text css div div title style div1div title name div2div title age div3div body 指定屬性名，並指定了該屬性的屬性值 其他 與上述相同 div title name 指定屬性名，具...
CSS3 選擇器 屬性選擇器
屬性選擇器早在css2中就被引入了，其主要作用就是對帶有指定屬性的html 元素設定樣式。使用css3屬性選擇器，你可以只指定元素的某個屬性，或者你還可以同時指定元素的某個屬性和其對應的屬性值。選擇有某個屬性的元素，而不管這個屬性的值是什麼。選擇有某個屬性的元素，並且要求這個元素的屬性的屬性值只能為...
CSS3 選擇器 屬性選擇器（複習）
e attr 只使用屬性名，但沒有確定任何屬性值 demo a id demo a href title e attr value 指定屬性名，並指定了該屬性的屬性值 demo a id first demo a href title 對於e attr value 這種屬性值選擇器有一點需要注意 屬...