Stay hungry, Stay foolish

0%

昙花一现:CSS中的expression

为了解决ie6对first-child的兼容性搜索到了expression:

IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来

能在css里写javascript,听起来挺酷的,立即尝试了一下:

.theme-small {padding-top:expression(this.previousSibling==null?’0’:’20px’);}

在IE6下一试:还真行!但是在Firefox和IE8下却没有效果了。怎么回事呢?

原来expression在非常消耗CPU,即使在IE5-7中也不建议使用,而IE8+及Firefox等直接就把它给封杀了。

参考:

据说打赏我的人,代码没有BUG