我有一个 case ,我必须编写内联CSS代码,我想在锚上应用悬停样式.

如何在HTML样式属性中使用a:hover内嵌CSS?

例如,你不能在HTML邮箱中可靠地使用CSS类.

推荐答案

简短的回答是:你不能.

答案很长:你不应该.

给它一个类名或id,并使用样式表应用样式.

:hover是一个伪 Select 符,对于CSS,它只在样式表中有意义.没有任何内联样式等效项(因为它没有定义 Select 标准).

对操作员 comments 的回应:

有关动态添加CSS规则的好脚本,请参见100.关于这个主题的一些理论,请参见101.

此外,别忘了,如果可以的话,可以添加指向外部样式表的链接.例如

<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>

注意:以上假设有head个截面.

Html相关问答推荐

什么是有间隙的顶部利润?

在inline-box中设置线高会使CSS中的高度变得奇怪

html列表顺序类型类似于子列表

将容器水平偏离中心放置在桌面上;在移动设备上平稳地集中缩小规模

传单自定义标记(divIcon)html/css不适用

通过POST方法提交html表单时CSV文件无法通过(在使用Django的上下文中)

防止SVG边框半径zoom

悬停效果在新西兰表上不起作用

如何创建带有粘性列和标题的网格?

Css网格:两列,除非小于150px

在弹性框布局中的第n个元素后强制换行

仅 Select 悬停的级别,而不 Select 其父级或子级

在 laravel 中使用 DomPDF 将数据导出为 pdf 时,第二列被拉伸

从触发元素移动到有间隙的内容时 CSS 工具提示关闭

::可点击图标之前

如何避免链接在悬停 timeshift 动,同时增加导航栏中的字体大小?

CSS 网格跨度行到所有行

从右到左支持百分号

font awesome 的 CDN/CSS 如何工作?

左右图像,响应页面大小并居中