使用jQuery定位伪类

Question

我无法访问样式表中的以下两种样式：

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

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

使用jQuery，如何将a：link和a：hover的字体大小更改为100％。

Answer 1

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

$('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>