Javascript 将类添加到<;代码>;如果是';s不在a<;预处理>;标签

Javascript 将类添加到<;代码>;如果是';s不在a<;预处理>;标签,javascript,jquery,Javascript,Jquery,我正在DocPad网站中使用Highlight.js脚本 我想对一个简单的标记应用一些好的样式(这是Markdown中的``所做的),但是如果我这样做,那么我就破坏了Highlight.js使用的样式 但是,Highlight.js的样式在标记中 $('code').filter(function() { return !$(this).closest('pre').length; }).css('color', 'red'); 那么解决方案呢?向标记中添加不在标记中的类 $('cod

我正在DocPad网站中使用Highlight.js脚本

我想对一个简单的
标记应用一些好的样式(这是Markdown中的``所做的),但是如果我这样做,那么我就破坏了Highlight.js使用的样式

但是,Highlight.js的样式在
标记中

$('code').filter(function() {
    return !$(this).closest('pre').length;
}).css('color', 'red');
那么解决方案呢?向
标记中添加不在
标记中的类

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

你能给我一个提示或者一个大致的方向,说明我需要做些什么来完成这个任务吗?谢谢你的帮助!:)

针对所有没有祖先
pre
标记的
code
标记:


针对所有没有祖先
标记的
code
标记:


看。@johncode我还没试过什么。我仍然是jQuery的新手,但我非常清楚使用jQuery的可能性可能是See的副本。@johncode我还没有试过任何东西。我仍然是jQuery的新手,但我非常清楚使用jQuery的可能性@Jan:可能重复,但请注意,这会将元素选择委托给Sizzle,而不是本机浏览器方法
pre-code
不是一个“简单选择器”,CSS
:not
选择器不支持它(因此
querySelectorAll
也不支持它)。@FelixKling
:not
是CSS3中的本机选择器<代码>:has
不是。优秀的adeneo,工作完美。:)@JanDvorak你能把你的密码写在答案里,这样我就可以投票了吗?:)@简:也许我应该把我的评论说得更清楚一些:原生CSS
:not
选择器只适用于简单的选择器,但是
pre-code
不是一个简单的选择器(,)。因此,
:not(预编码)
无法用
querySelectorAll
解决,必须由Sizzle处理。@FelixKling啊,谢谢。不知道有这样的限制。@Jan:注意,这会将元素选择委托给Sizzle,而不是本机浏览器方法
pre-code
不是一个“简单选择器”,CSS
:not
选择器不支持它(因此
querySelectorAll
也不支持它)。@FelixKling
:not
是CSS3中的本机选择器<代码>:has
不是。优秀的adeneo,工作完美。:)@JanDvorak你能把你的密码写在答案里,这样我就可以投票了吗?:)@简:也许我应该把我的评论说得更清楚一些:原生CSS
:not
选择器只适用于简单的选择器,但是
pre-code
不是一个简单的选择器(,)。因此,
:not(预编码)
无法用
querySelectorAll
解决,必须由Sizzle处理。@FelixKling啊,谢谢。我不知道有这样的限制。