css - 有没有办法，不用手动，给 prismjs 类名加上前缀，因为它与前端框架冲突？

Question

刚开始使用 Bulma前端框架，一切顺利，直到尝试使用 prismjs并开始与样式发生冲突，因为 prismjs 没有为它们的类名添加前缀。

主要问题在于:

.number { ... }

和

.tag {...}

它可以手动覆盖，但这不是一个好的做法。这个名字太通用或太常见，不能用 prismjs 作为前缀。

有什么办法可以解决这个问题吗？

Answer 1

手动修复:

pre code [class~=token]{
  font:inherit;
  background: inherit;
}

因为“token”类名来自 prismjs 并且与其他 prismjs 类一起出现，所以使用这个选择器来帮助覆盖所需的样式。只需将其添加到自定义样式中，并确保在 html 文档中链接的任何框架 css 文件之后进行链接。