google-code-prettify - 谷歌代码美化认为 css #id 是行注释。我究竟做错了什么？

Question

示例 CSS

#wrap{margin:20px}

代码美化将整行包装在.com

<span class="com">#wrap{margin:20px}</span>

有人在这里有类似的问题。

有人回答“您正在加载 lang-css.js 吗？”。

这是我在页脚中加载的内容。

<script src="/js/google-code-prettify/lang-css.js"></script>
<script src="/js/google-code-prettify/prettify.js"></script>

我可以用网络检查器看到它们。我尝试更改顺序并从标题中加载它们。我正在使用最新版本。

非常感谢所有帮助:)

谢谢！

score 3 · Accepted Answer

您链接到 javascript 文件的顺序很重要。您需要首先调用基本代码 (prettify.js)，然后是 css 特定代码 (lang-css.js)。您可以将脚本标签放在头部或文档末尾...两者都可以，但放置在文档末尾会加快页面加载速度。

<script src="/js/google-code-prettify/prettify.js"></script>
<script src="/js/google-code-prettify/lang-css.js"></script>

您还需要确保在文档头部链接样式表。

<link rel="stylesheet" type="text/css" href="/css/prettify.css">

您还需要在 pre 标签中添加正确的类。如果不将类“lang-css”添加到 <pre> 标记，则不会调用 lang-css.js 中包含的语法高亮功能。

<pre class="prettyprint lang-css linenums">

最后，确保在页面加载时调用“prettyPrint()”函数。

<body onload="prettyPrint()">

1 回答 1