我正在使用 https://prismjs.com 来高亮显示我的代码,它的效果非常好。
以下是一个例子:
如果我将这段代码复制并粘贴到我的原始
有没有什么快速而简单的解决方法可以仅更改特定单词的颜色/背景颜色?
以下是一个例子:
<pre>
<code class="language-php">
$user->hasOne('App\Phone','user_id','id');
</code>
</pre>
这会导致
我想仅更改此实例中'user_id'
的字体颜色和背景颜色(而不是一般情况下,我不想更改'id'
或'App\Phone'
的颜色)。我只想突出显示它,因为对于特定上下文来说,这个单词本身非常重要。这可行吗?
我在源代码中发现js脚本将上述代码更改为
<pre class="language-php">
<code class="language-php">
<span class="token variable">$user</span>
<span class="token operator">-</span>
<span class="token operator">></span>
<span class="token function">hasOne</span>
<span class="token punctuation">(</span>
<span class="token string">'App\Phone'</span>
<span class="token punctuation">,</span>
<span class="token string">'user_id'</span>
<span class="token punctuation">,</span>
<span class="token string">'id'</span>
<span class="token punctuation">)</span>
<span class="token punctuation">;</span>
</code>
</pre>
如果我将这段代码复制并粘贴到我的原始
html
文件中,它将像以前一样呈现。如果我在 span 元素中添加类似于 style="background-color: red !important;"
的内容,它将被 js 文件忽略并覆盖。有没有什么快速而简单的解决方法可以仅更改特定单词的颜色/背景颜色?