html5的悬停效果，没有javascript或css答案

【问题标题】：Hover effect with html5, no javascript or csshtml5的悬停效果，没有javascript或css
【发布时间】：2012-06-03 23:04:32
【问题描述】：

我正在尝试对此fiddle 中的表格单元格进行悬停->突出显示效果，因此它们看起来像按钮。我不能使用任何 javascript 或 CSS，但我可以使用 HTML5。有谁知道该怎么做。我知道 HTML5 中有一个onmouseover 属性，只是还没有太多经验。

谢谢！

【问题讨论】：

这是不可能的。为什么你不能使用 CSS？
onmouseover 是 JavaScript。为什么不能使用 CSS？
我不能使用 JS 或 CSS 的原因是我试图为我试图在 sites.google.com 上构建的网站制作自定义内容。它们不允许您向页面添加 JS 或 CSS。
确实如此，您只需单击“编辑 HTML”或类似内容，然后将 style="<style here>" 添加到元素中。
@ShaquinTrifonoff 即使这样你也不能改变伪类——你需要改变悬停效果。

【解决方案1】：

你不能。如果你想根据用户的行为改变给定元素的外观，你必须使用 JavaScript（基于事件）或 CSS 伪类:hover。

但是，如果您可以编辑内容的 HTML，那么您应该可以插入自定义 <style> 元素或添加事件侦听器。请注意，第一个在 HTML4* 中无效，在 HTML5 中，您可以使用 scoped 属性来设置 only a given scope 的样式（但我认为此行为尚未在任何浏览器中实现）。

*即使生成的代码 HTML4 不再有效，此解决方案也应该有效。

【讨论】：