Javascript 使用jQuery的目标伪类

我在样式表中有以下两种我无权访问的样式：

a:link {
  font-size: 150%;
}

a:hover {
  font-size: 150%;
}

---

使用jQuery，我如何将a:link和a:hover的字体大小都更改为100%。

@Phil在上面的评论中是正确的，可以直接添加规则。可以在运行时将

元素附加到

，这将触发页面重新呈现（？），并应用新样式！：

$（'head'）.append（'a:hover{color:red！important；}'）；

---

由于某种原因，

头

选择器在我看来不太合适，但是，嘿，它工作了！将鼠标悬停在链接上5秒钟后（为了参数起见），它将被设置样式。

假设您只需要jQuery就可以使用以下代码（请确保在从远程文件导入上述css后编写此脚本）

尽管您也可以通过在页面中添加一个简单的样式并附加

！重要信息

，请参见规则

<style type="text/css">
a:link {
  font-size: 100% !important;
}

a:hover {
  font-size: 100% !important;
}
</style>

a:链接{
字体大小：100%！重要；
}
a:悬停{
字体大小：100%！重要；
}

---

为什么不在这个样式表之后添加另一个带有新规则的样式表（或

块）？这一点很好，但我想我更需要jQuery解决方案。你不需要

！重要信息

覆盖。选择器的特殊性是相同的，因此后面的规则将适用。此外，您的JS无法解决

a:link

问题（假设

a:visted

的样式不同）@Phil该问题特定于使用jQuery的链接和悬停效果，否则我们可以始终添加一个新样式来覆盖这些：）您还可以对插入的样式块应用一个id，如果以后要删除它的话。

$(document).ready(function(){
    $('a').on('hover',function(){
        $(this).css({'font-size':'100%'});
    }).css({'font-size':'100%'});    
});​

<style type="text/css">
a:link {
  font-size: 100% !important;
}

a:hover {
  font-size: 100% !important;
}
</style>