首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Google code prettify认为css #id是行注释。我做错了什么?

Google code prettify认为css #id是行注释。我做错了什么?
EN

Stack Overflow用户
提问于 2012-05-19 13:07:15
回答 1查看 790关注 0票数 1

示例CSS

代码语言:javascript
运行
复制
#wrap{margin:20px}

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

代码语言:javascript
运行
复制
<span class="com">#wrap{margin:20px}</span>

有人也有类似的问题,here

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

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

代码语言:javascript
运行
复制
<script src="/js/google-code-prettify/lang-css.js"></script>
<script src="/js/google-code-prettify/prettify.js"></script>

我可以用网页检查器看到他们两个。我试着改变顺序并从头文件中加载它们。我使用的是最新版本。

非常感谢您的帮助:)

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-17 05:29:50

链接到javascript文件的顺序很重要。您需要首先调用基代码(prettify.js),然后调用特定于css的代码(lang-css.js)。您可以将脚本标记放在文档的开头或末尾...这两种方法都有效,但放在文档末尾将加快页面加载速度。

代码语言:javascript
运行
复制
<script src="/js/google-code-prettify/prettify.js"></script>
<script src="/js/google-code-prettify/lang-css.js"></script>

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

代码语言:javascript
运行
复制
<link rel="stylesheet" type="text/css" href="/css/prettify.css">

您还需要为pre标记添加正确的类。如果不将"lang-css“类添加到标记中,将不会调用lang-css.js中包含的语法突出显示函数。

代码语言:javascript
运行
复制
<pre class="prettyprint lang-css linenums">

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

代码语言:javascript
运行
复制
<body onload="prettyPrint()">
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10662474

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档