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

发布于 2022-09-01 19:43:10 字数 594 浏览 11 评论 0

我 想过滤一些网站的样式,于是乎写了一些样式,但是这些网页用了什么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 > div:not(.result-op):not(.c-container), .rrecom-btn-parent, .rrecom-content {
      display: none !important;
      height: 0 !important;
      position: fixed !important;
      z-index: -999 !important;

还有很多......

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

守不住的情 2022-09-08 19:43:10

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

今天小雨转甜 2022-09-08 19:43:10

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

绝情姑娘 2022-09-08 19:43:10

保证这个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")
鱼窥荷 2022-09-08 19:43:10

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文