谷歌代码美化认为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>

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

非常感谢所有帮助:)

谢谢！

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”添加到<pre>标记，则不会调用lang-css.js中包含的语法高亮功能。

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

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

<body onload="prettyPrint()">