以属性决定CSS
本文按署名·非商业用途·保持一致授权作者:
，发表于2006年01月25日00时45分
我们知道，在CSS里。#是用来给元素的属性id识别的，.是用来给属性class识别的。我们有没有办法根据一个元素的其他的非id和非class的属性来针对元素赋予CSS呢？办法是有的。
今天叶宁给出了firefox下的解决方法。
span[type="abc"]{
color:#FF0000;
}
而我则找到了在IE下的解决方法。
span {color:expression((this.type==’abc’)?’#FF0000′:”);)}
上面的两行代码都是表示，当元素span的type属性为abc时候，span的color值为#FF0000。
第一段代码可在firefox下得到预期的效果，IE则不行。第二段代码则相反。
大家可以把下面的这段代码copy下来测试。
<style type="text/css" media="all">
span[type="abc"]{
color:#FF0000;
}
span {color:expression((this.type=='abc')?'#FF0000':'');)}
</style>
<span type="abc">测试1</span><span>测试2</span>遗憾的是，我没有找到在opera下的解决方法。
2006-03-01 21:08:04
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!
ff
…
2006-12-25 02:14:24
第一种是符合规范的。
2007-01-02 20:20:45
北京智典拓展