<code>tag if it&#39;s not inside a tag</code>類別<code>tag if it&#39;s not inside a tag</code>添加到<code>tag if it&#39;s not inside a tag</code> <pre> <code>tag if it&#39;s not inside a tag</code>

Question

我在DocPad網站上使用Highlight.js腳本。

我想將一些好的樣式應用於簡單的<code>標記（Markdown中的``就是這樣），但是如果我這樣做，那我就破壞了Highlight.js使用的樣式。

但是Highlight.js的樣式位於<pre>標記內。

那么解決辦法？ 將類添加到不在<pre>標記內的<code>標記中。

您能否提供一個提示或大致說明我需要做些什么？ 謝謝你的幫助！ :)

Answer 1

所有目標code ，不具有祖先標簽pre標簽：

$('code').filter(function() {
    return !$(this).closest('pre').length;
}).css('color', 'red');

小提琴