javascript - Highlight.js 为每个 <code> 标签使用特定的 css 文件

Question

我正在使用 highlight.js 来语法高亮我的代码。目前，根据 css 文件“xcode.css”突出显示所有代码。但是，我想知道如何设置 lang <pre><code> 的属性(property)标记，使用特定的 css 文件来突出显示代码？目前，只需在 header 中导入一个 css 文件即可突出显示代码。

<link rel="stylesheet" href="js/highlight/styles/xcode.css">
<script src="js/highlight/highlight.pack.js" type="text/javascript"></script>

例如，以下代码将使用 css 文件“js/highlight/styles/xcode.css”:

<pre><code lang="xcode">#import "Testing.h"</code></pre>

Answer 1

您可以使用这样的属性选择器包装您想要的任何特定样式:

pre code[lang="xcode"] {
    /* xcode specific styles */
}

然后您可以将这些样式保存在相同的 xcode.css 或新的 css 文件中，并将其链接到标题中。

这是一个 fiddle 演示:http://jsfiddle.net/stevenschobert/vpMEJ/