hibiki

起因

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

遇到的问题

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

源代码

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

(function () {
    'use strict';
    var pre = $(".likecs_code pre");
    var span = $(".likecs_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...
})();

 

分类:

CSS

技术点:

相关文章: