IE7与CSS属性选择器基本支持测试实例页面

回到相关文章 »

代码:

CSS代码:
span[id] { display: block; margin: .5em 0; color: blue; font-family: 'microsoft yahei'; }
span[id=aaa] { color: #cd0000; }
span[id^=b] { color: #cd0000; }
span[id*=c] { color: #cd0000; }
span[id$=d] { color: #cd0000; }
                
HTML代码:
<span id="aaa">颜色是红色支持[id=val]</span>
<span id="bbb">颜色是红色支持[id^=val]</span>
<span id="ccc">颜色是红色支持[id*=val]</span>
<span id="ddd">颜色是红色支持[id$=val]</span>
<span id="eee">颜色是蓝色支持[id]</span>
                

效果:

颜色是红色支持[id=val] 颜色是红色支持[id^=val] 颜色是红色支持[id*=val] 颜色是红色支持[id$=val] 颜色是蓝色支持[id]