Html 如何仅使用“样式”属性指定：悬停、访问等

可能重复：

我需要生成一些自包含的HTML代码，所以我不能使用任何外部样式表或样式标记

其中一个要求是链接必须具有

悬停

、

已访问

状态等。我知道如何使用样式表实现这一点，但如何内联实现？i、 e.我应该在样式属性中添加什么：

<a style="???" href="http://example.com">Link</a>

---

您可以使用Javascript进行管理：

var links = document.getElementsByTagName("a");

for(var i = 0; i < links.length; i++) {
    if(links[i].className == "hoverThis") {
      DoHover(links[i]);
    }
}

function DoHover(link_element){
  link_element.onmouseover = function(){
    this.style.display = "block";
  }

  link_element.onmouseout = function(){
    this.style.display = "none";
  }
}

var links=document.getElementsByTagName（“a”）；
对于（变量i=0；i

---

只需将适当的类（“在本例中为hoverThis”）添加到要对其产生过度效果的links元素中，并根据需要更改效果。

对于那些感兴趣的人，我最后在代码前面添加了一个

标记：

<style>.my-link:hover { text-decoration:underline !important; }</style>

.my link:hover{文本装饰：下划线！重要；}

---

这不是标准的，因为

标签应该在

中。不过，它可以在IE、Firefox、Safari和Chrome的最新版本上运行。无论如何，最糟糕的情况是：hover状态在所选链接上不起作用。

这里有一点值得一读：为什么不能在样式表或样式标记中执行？因为我无法访问嵌入代码的

标记。ninetwozero，这个问题不是很好。选定的答案只是告诉海报不要这样做。很明显，我们都不想做这种事情，但有时我们没有选择的余地。显然，这里的解决方案是使用JavaScript，但不确定如何使用。不能使用内联样式。内联样式不是为伪类/元素定义的。你的意思是

，当然，

是一个完全不同的元素：）哎呀，我更新了答案。