本文主要介绍了CSS中表达式的用法，可以供您需要的朋友参考。





要找到这种效果，个人感觉很好。

以下是CSS样式

输入{
边境：1px solid # b3d6ef；
背景：# ffffff；
}
输入{
明星：表达（
onmouseover =函数（）{这个风格。背景颜色=# d5e9f6}，
onmouseout=函数（）{这个风格。背景颜色=# ffffff}）
}


的好处是，你不需要写一堆网页上的鼠标功能

洛洛
一些需要注意的问题，这种写作可能导致浏览器卡死在IE6，与旧卡死现象是存在的。

这是一篇关于优化飞行的CSS文章。

浏览器中CSS表达式特性的最大问题：重复执行，每秒数十万次，严重的性能问题。
如何优化CSS表达式
至少：如果我们在匹配元素中只使用一次CSS表达式，性能将大大提高。

old9文章CSS表达重装上阵提供了一个解决方案：

在CSS表达式语句的主体中，触发表达式的CSS属性被重置。


复制代码代码如下所示：
{ div
变焦：表达（功能（EL）{ el.style.zoom =1；警报（EL。tagname）；}（这））；
}


也许


复制代码代码如下所示：
{ div
-单工：表达（this.singlex 0：（功能（T）{ alert（t.tagname）；t.singlex = 0；}））（这））；
}


解释~：
CSS表达式在任何匹配元素上执行。
在CSS表达式，this关键字指向当前匹配的HTML元素。
CSS属性是通过使用一些不寻常的属性触发重置重置为默认值来触发的。

关于表达，雅虎团队提到了这些

避免使用CSS表达式（表达式）
CSS表达式是动态设置CSS属性的一种强大的（但危险的）方法。Internet Explorer开始支持来自第五个版本的CSS表达式：
背景颜色：表达（（新的日期（）），GetHours（）% 2# b8d4ff # f08a00 ）；
如上所示，表达式中使用Javaｓｃｒｉｐｔ表达式。CSS属性是根据Javaｓｃｒｉｐｔ表达式的结果设置的。表达式方法在其他浏览器中不起作用，因此在跨浏览器设计中分离Internet Explorer设置是有用的。
表达的问题是，它计算比我们想像的多。不仅在页面显示和缩放，而且当页面滚动或移动鼠标时，它将重新计算一次。增加一个计数器的CSS表达式可以跟踪表达式的计算频率。在页面上移动鼠标可以轻松达到10000倍以上。
一个减少CSS表达式计算的数字是使用一次性的表达式，并将结果分配给指定的样式属性的第一时间与该属性替换CSS表达式。如果样式属性必须动态地改变页面内的循环，它是使用事件句柄而不是CSS表达式是可行的方法。如果你必须使用CSS表达式，一定要记住，他们计算了几千次，可能对你的网页的性能影响。