#028: 代码语法高亮，第二部分

我们刚刚安装了 Prism.js 并使其正常工作。

在这个视频中，我们找到一个名为 Tomorrow 主题 的主题，并将它的颜色整合到语法高亮中。我们在文件顶部创建一个小色块，方便快速参考。我们还猜测了一些颜色含义，至少从一开始是这样的。最终的颜色效果还可以，但并不出色。如果你今天浏览网站，你会发现颜色主题更像是 Twilight，我曾经很喜欢 TextMate 中的这个主题，现在也喜欢 Sublime Text 2 中的它。

最后，我们在代码片段中添加了标题栏。我们没有实际的标记来完成此操作（这可能是一件好事，因为它基本上只是一个装饰器），而是通过在代码的 rel 属性中使用伪元素和生成的內容来添加它。CSS-Tricks 上大多数现有代码都有此属性。如果没有，也不算什么大问题。我们在这里并没有真正以正确的方式使用 rel，但我并不太担心。

pre[rel]:before {
  content: attr(rel);
}

我们在使伪元素宽度为 100% 并添加填充时遇到了一点问题。事实证明，我们在 * 选择器上声明的 box-sizing 不会影响伪元素（这有点道理），所以我们更新了 Normalize 以包含它。