## 3. 屬性選擇符 ### E[att] { sRules } 選擇具有att屬性的E元素。 ~~~ a[title]{ color:red; } a[class]{ background: #009900; } ~~~ ~~~ <a href="http://www.baidu.com" title="baidu" class="baidu">百度</a> <a href="http://www.jd.com" title="jd">京東</a> <a href="http://www.ganji.com" title="ganji">趕集</a> <a href="http://www.58.com" title="58">58</a> ~~~ 演示效果：  ### E[att="val"] { sRules } 選擇具有att屬性且屬性值等于val的E元素。 ~~~ a[title="jd"]{ background: #000000; } ~~~ ~~~ <a href="http://www.baidu.com" title="baidu" class="baidu">百度</a> <a href="http://www.jd.com" title="jd">京東</a> <a href="http://www.ganji.com" title="ganji">趕集</a> <a href="http://www.58.com" title="58">58</a> ~~~ 演示效果：  ### E[att~="val"] { sRules } ~~~ ~~~ ### E[att^="val"] { sRules } ~~~ ~~~ ### E[att$="val"] { sRules } ~~~ ~~~ ### E[att*="val"] { sRules } ~~~ ~~~ ### E[att|="val"] { sRules } ~~~ ~~~ * * * * * **屬性選擇器完整代碼**