## 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 } ~~~ ~~~ * * * * * **属性选择器完整代码**