【问题标题】:Using Google Code Prettify CDN with a custom skin使用带有自定义皮肤的 Google Code Prettify CDN
【发布时间】:2016-05-24 21:25:43
【问题描述】:

我正在使用 Google Code Prettify CDN 链接:

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

按照设计,它会将 CSS 样式表附加到 DOM 中:

<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/google/code-prettify/master/loader/prettify.css">

如果您想使用默认皮肤(或项目提供的 URL 参数定义的皮肤之一),这很好,但就我而言,我想使用自定义主题:

<link rel="stylesheet" href="css/my-custom-theme-that-is-awesome.css">

哦哦,GCP 在我的之后附加了它的主题,所以现在我的所有样式都被覆盖了。

有没有一种方法可以使用 GCP CDN(或 a CDN)自定义样式表,而无需将 !important 添加到工作表中的每个样式?还是我一直在下载 GCP 并将其本地包含在我的项目中?

【问题讨论】:

  • 是的,这就是它展示如何使用自动加载器的地方 - 不是自定义样式表(无需下载)
  • 这个想法是使用加载事件在通过 CDN 进入的样式表之后添加样式表,但这只是一个建议
  • 是的,我这样做了 - 它似乎只是在加载后设置元素的样式,而不是在之后附加样式表。

标签: css google-code-prettify


【解决方案1】:

您可以使用非自动加载器版本,即 https://cdn.rawgit.com/google/code-prettify/master/loader/prettify.js

并在页面准备好时执行 PR.prettyPrint()。不会下载任何样式表。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-08-16
    • 1970-01-01
    相关资源
    最近更新 更多