如何选择段落中不含verbatim类的code标签？

要实现选中段落里所有<code>元素，但排除带有verbatim类的元素，用以下两种方案即可：

CSS 样式选择 #

使用:not()伪类精准过滤，选择器写法如下：

p code:not(.verbatim) {
  /* 此处添加你的样式，比如颜色、字体等 */
}

这个选择器的逻辑是：先匹配所有<p>标签下的<code>元素，再排除其中带有verbatim类的元素。

JavaScript DOM 查询 #

如果需要在脚本中获取这些元素节点，同样用这个选择器配合querySelectorAll：

const targetCodeElements = document.querySelectorAll('p code:not(.verbatim)');

执行后targetCodeElements会包含所有符合条件的<code>元素。

内容的提问来源于stack exchange，提问作者Zoltan King