Question

CSS示例

#wrap{margin:20px}

Code prettify将整行包裹在.com

中

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

有人有类似的问题here。

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

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

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

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

非常感谢所有帮助：）

谢谢！

Answer 1

您链接到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">

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

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

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

<body onload="prettyPrint()">