gpt4 book ai didi

javascript - 为什么我的造型中有无样式的线条?

转载 作者:行者123 更新时间:2023-12-02 20:54:45 26 4
gpt4 key购买 nike

我正在尝试将 code-prettifyTomorrow Night Blue 主题重现为 found here 。我有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我以为我正在效仿这个例子。

最佳答案

问题在于 css 位于 js 之前,因此某些默认样式没有被覆盖。我所要做的就是改变顺序。而不是:

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

更改为:

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

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

关于javascript - 为什么我的造型中有无样式的线条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61514889/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com