IE7需要标签等选择器辅助识别CSS属性选择器实例页面

回到相关文章 »

代码:

CSS代码:
[id=span] { color: #cd0000; }
[type=checkbox] { opacity: 0.5; filter: alpha(opacity=50); }
span[type=checkbox] { font-weight: bold; }
input[type=radio] { opacity: 0.5; filter: alpha(opacity=50); }
                
HTML代码:
<p><span id="span" type="checkbox">我是span元素, 红色则支持[id=span],半透明则支持[type=checkbox], 加粗则支持span[type=checkbox]</span></p>
<p><input type="checkbox">半透明则支持[type=checkbox]</p>
<p><input type="radio">半透明则支持input[type=radio]</p>
                

效果:

我是span元素, 红色则支持[id=span],半透明则支持[type=checkbox], 加粗则支持span[type=checkbox]

半透明则支持[type=checkbox]

半透明则支持input[type=radio]