Почему в моём стиле нет линий? - PullRequest
0 голосов
/ 30 апреля 2020

Я пытаюсь воспроизвести тему Tomorrow Night Blue для code-prettify, так как находится здесь . У меня есть эта скрипка . Вывод выглядит совсем не так, как в примере, а каждая вторая строка имеет белый цвет. Это вроде бы применяет стиль, но не совсем. У меня есть:

<code><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;

Что я здесь не так делаю? Код проекта prettify находится здесь , и я подумал, что следую примеру.

1 Ответ

1 голос
/ 30 апреля 2020

Проблема в скрипте, которую css был до js, поэтому некоторые стили по умолчанию не были перезаписаны. Все, что мне нужно было сделать, это изменить порядок. Вместо:

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

Изменить на:

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

Рабочая демонстрация: https://jsfiddle.net/bortao/79cgrkn4/

...