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

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

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

  1. (function () {
  2.     'use strict';
  3.     var pre = $(".zmdao_code pre");
  4.     var span = $(".zmdao_code span");
  5.     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;'
  6.     );
  7.     span.css("cssText",
  8.         'font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace!important;font-size: 14px!important;line-height: "1.5!important;'
  9.     );
  10.     // Your code here...
  11. })();

 

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