html – css:每个类都支持:hover状态?

html – css:每个类都支持:hover状态?,第1张

概述如果我使用一个正常div的类,可以像下面那样编写css: .messagebc:hover {...} 是合法的吗 使用无效:悬停在非链接元素上. 避免:用于IE客户端的非链接元素的悬停伪选择器. If you use :hover on non-anchor elements, test the page in IE7 and IE8 to be sure your page is usab 如果我使用一个正常div的类,可以像下面那样编写CSS:
.messagebc:hover {...}

是合法的吗

解决方法 使用无效:悬停在非链接元素上.

避免:用于IE客户端的非链接元素的悬停伪选择器.

If you use :hover on non-anchor
elements,test the page in ie7 and ie8
to be sure your page is usable. If
you find that :hover is causing
performance issues,consIDer
conditionally using a JavaScript
onmouSEOver event handler for IE
clIEnts.

:悬停伪选择器到非链接元素是非常低效的选择器(例如):
例如:

h3:hover {...}.foo:hover {...}#foo:hover {...}div.faa :hover {...}

在非锚元素上的悬停伪选择器已知会使ie7和ie8在某些情况下变慢*.当不使用严格的DOCTYPE时,ie7和ie8将忽略:悬停在除锚点之外的任何元素上.当使用严格的DOCTYPE时::悬停在非锚点上可能会导致性能下降.

More info on un-effiecient selectors

总结

以上是内存溢出为你收集整理的html – css:每个类都支持:hover状态?全部内容,希望文章能够帮你解决html – css:每个类都支持:hover状态?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1142803.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存