您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何在嵌入式CSS中编写a:hover?

如何在嵌入式CSS中编写a:hover?

简短答案:您不能。

长答案:你不应该。

给它一个类名或一个ID,然后使用样式表来应用样式。

:hover一个伪选择器,对于CSS而言,仅在样式表中具有含义。没有任何等效的内联样式(因为它没有定义选择标准)。

对OP的评论回复

有关动态添加CSS规则的良好脚本,请参见 _带有Javascript的Totally PwnCSS 。另请参阅 _更改样式表以获取有关该主题的一些理论。

另外,请不要忘记,如果可以的话,您可以向外部样式表添加链接。例如,

<script type="text/javascript">
  var link = document.createElement("link");
  link.setAttribute("rel","stylesheet");
  link.setAttribute("href","http://wherever.com/yourstylesheet.css");
  var head = document.getElementsByTagName("head")[0];
  head.appendChild(link);
</script>

注意:以上假设存在头部。

您可以使用onMouSEOveronMouSEOut参数中的JavaScript来更改样式,从而获得相同的效果,尽管如果需要更改多个元素,效率会非常低:

<a href="abc.html"
   onMouSEOver="this.style.color='#0F0'"
   onMouSEOut="this.style.color='#00F'" >Text</a>

另外,我不确定是否this可以在这种情况下使用。您可能需要使用进行切换document.getElementById('idForLink')

CSS 2022/1/1 18:22:22 有544人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶