Question

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

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

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

使用jQuery，如何将a：link和a：hover

的字体大小更改为100％

感谢。

Answer 1

@Phil在上面的评论中是正确的，可以直接添加规则。可以在运行时将<style/>元素附加到<head/>，这将触发页面重新呈现（？）并且将应用新样式！ From the fiddle：

$('head').append('<style type="text/css">a:hover{color:red !important;}</style>');

出于某种原因，head选择器看起来不对我，但是嘿，它有效！

，在5秒钟内将鼠标悬停在链接上（为了参数），它将被设置为样式。

Answer 2

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

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

虽然您也可以通过向页面添加简单样式并将!important附加到规则

来实现此目的。

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

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