javascript - js如何写一个接口引用一大段的css代码？

Question

我 想过滤一些网站的样式，于是乎写了一些样式，但是这些网页用了什么ajax同步还是异步，单纯用css不是很完善。现有如下css代码一大堆，问怎么在javascript中引用它。我看过csstext，css方法，要一个一个转换格式，太麻烦。求指教

body, a, a em {
      font-family: "微软雅黑" !important;
      letter-spacing: 1px !important;
      font-weight: bolder !important;
      text-decoration: none !important;
  }
  #content_right, #foot, #content_left > p:not(.result-op):not(.c-container), .rrecom-btn-parent, .rrecom-content {
      display: none !important;
      height: 0 !important;
      position: fixed !important;
      z-index: -999 !important;

还有很多......

Answer 1

我的答案：GM_addStyle( css ）,,,,,,,把代码复制到重音符号之间，是重音符号之间，不是分号，是esc下面那个键，这样就可以把一大堆代码放进去了。当然评论中的一些引用css方法也是可取的。重点是这个重音符解决的代码华换行问题

Answer 2

如果要用js引入css文件并且解析成一大块css样式 的话 需要用到模块化开发，比如requirejs,nodejs等等
你可以从一个框架或者一个构建工具入手，比如grunt 或者百度的fis你只要按照他们的编码和项目构建方式去开发 就能实现你说的功能

Answer 3

保证这个css文件是最后被引用的且css样式的权重更大就可以覆盖其他样式啦

function loadCSS(filename){
    var head = document.getElementsByTagName('head')[0];
    var link=document.createElement("link");
    link.setAttribute("rel", "stylesheet");
    link.setAttribute("type", "text/css");
    link.setAttribute("href", filename);
    head.appendChild(link);
}
loadCSS("test.css")

Answer 4

你的意思是不是想公用这样css方法呢？JS引用他无非就是给其他class或者标签加样式~
用sass吧, @mixin ~