为什么我的样式中有无样式的线条？

Question

我正在尝试将 code-prettify 的 Tomorrow Night Blue 主题重现为 found here. I have this fiddle。输出看起来与示例中的完全不同，并且每隔一行都是白色的。它有点像在应用这种风格，但不是真的。我有：

<body onload="PR.prettyPrint()">
<pre class="prettyprint linenums lang-html">
    &lt;script type=&quot;text/javascript&quot;&gt;
    // Say hello world until the user starts questioning
    // the meaningfulness of their existence.
    function helloWorld(world) {
      for (var i = 42; --i &gt;= 0;) {
        alert('Hello ' + String(world));
      }
    }
    &lt;/script&gt;
    &lt;style&gt;
    p { color: pink }
    b { color: blue }
    u { color: &quot;umber&quot; }
    &lt;/style&gt;
</pre>
</body>

我在这里做错了什么？代码美化项目 is here，我认为我正在按照示例进行操作。

Answer 1

问题出在 fiddle css 之前的 js，所以一些默认样式没有被覆盖。我所要做的就是改变顺序。而不是：

<link ...tomorrow-night-blue.css">
<link ...prettify.css">

更改为：

<link ...prettify.css">
<link ...tomorrow-night-blue.css">

工作演示：https://jsfiddle.net/bortao/79cgrkn4/

为什么我的样式中有无样式的线条？

Why does my styling have unstyled lines in it?

html

javascript

css

pretty-print