css - 将 Google Code Pretify CDN 与自定义皮肤结合使用

标签 css google-code-prettify

我正在使用 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 并将其本地包含在我的元素中?

最佳答案

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

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

关于css - 将 Google Code Pretify CDN 与自定义皮肤结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37424180/

相关文章:

python - Django 静态文件和 settings.py 中的文件路径

javascript - 使用 google code-prettify 突出显示一些行

html - 在 Jekyll 中实现 Code Prettify 时遇到问题——想使用 `` 而不是 <pre></pre>

html - Google Prettify 削减了我的代码——需要修复

syntax-highlighting - 如何禁用谷歌代码美化的代码突出显示?

java - 如何在 WEB-INF (Netbeans) 中的 JSP 页面中使用样式表 (CSS)

html - CSS 选择 child

html - 主页在 iPad 上显示不正确 - 导致宽度错误的 CSS 问题

html - 垂直对齐两个相邻 tds 的文本

javascript - google-code-prettify 不会将类添加到 Java 代码的 SPAN 标记中