- 出自：詳細解釋
- 1. E[attr]：只使用屬性名，但沒有確定任何屬性值；
- 2. E[attr="value"]：指定屬性名，並指定了該屬性的屬性值，完全匹配 value ，如 <a href="" class="links item" title="open the website">7</a>
- demo a[class="links item"]{color:red};/*這樣纔是匹配的，記得中間的空格不能少的喲*/
- 3. E[attr~="value"]：指定屬性名，並且具有屬性值，此屬性值是一個詞列表，並且以空格隔開，其中詞列表中包含了一個value 詞，而且等號前面的“〜”不能不寫；
- 4. E[attr^="value"]：指定了屬性名，並且有屬性值，屬性值是以value開頭的；
- 5. E[attr$="value"]：指定了屬性名，並且有屬性值，而且屬性值是以value結束的，這個運用在給你一些特殊的鏈接加背景圖片很方便的，比如說給pdf,png,doc等不同文件加上不同icon，我們就可以使用這個屬性來實現；
- 6. E[attr*="value"]：指定了屬性名，並且有屬性值，而且屬值中包含了value,包含子串"value"的所有元素,如website ；
- 7. E[attr|="value"]：指定了屬性名，並且屬性值是value或者以“value-”開頭的值（比如說zh-cn）;
有關於屬性選擇器就上面這些內容了，屬性選擇器除了IE6不支持外，其他的瀏覽器都能支持，這樣一來，如果你在你的頁面上使用了屬性選擇器，而且你需要處理ie6兼容問題，那你就需要確保IE6用別的方法來實現或者你應該確保IE6用戶將能獲得一個可用的頁面。七種屬性選擇器中E[attr="value"]和E[attr*="value"]是最實用的，其中E[attr="value"]能幫我們定位不同類型的元素，特別是表單form元素的操作，比如說input[type="text"],input[type="checkbox"]等，而E[attr*="value"]能在網站中幫助我們匹配不同類型的文件，比如說你的網站上不同的文件類型的鏈接需要使用不同的icon圖標，用來幫助你的網站提高用戶體驗，就像前面的實例，可以通過這個屬性給".doc",".pdf",".png",".ppt"配置不同的icon圖標。