起因

使用博客园时，好多博主不修改默认的样式，而默认的代码块样式字号很小，字体也不好看(至少在我的标分屏上看起来很难受)，而修改样式只能改自己的博客，阅读别人的文章的时候就没办法了。于是尝试使用油猴脚本向网页注入CSS，在此记录一下遇到的问题。

遇到的问题

平常修改样式时爱用jQuery的`css()`方法，但是博客园的代码部分的样式多用`!important`,这时必须用`$(“selector”).css(“cssText”,”color:blue!important;font-size:14px!important;”)`这样的写法

源代码

可以在Tampermonkey中新建脚本，直接复制源代码

(function () {
    'use strict';
    var pre = $(".zmdao_code pre");
    var span = $(".zmdao_code span");
    pre.css("cssText", 'font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace!important;font-size: 14px!important;word-wrap: break-word;white-space: pre-wrap;'
    );
    span.css("cssText",
        'font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace!important;font-size: 14px!important;line-height: "1.5!important;'
    );
    // Your code here...
})();

 

版权声明：本文为hibiki原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/hibiki/p/8523550.html