是否有任何方法，没有手动，为prismjs类名称添加前缀，因为它与前端框架相混淆？

Question

刚开始使用Bulma前端框架，一切都很顺利，直到尝试使用prismjs并开始对样式进行混淆，因为prismjs没有为其类名添加前缀。

主要问题是：

.number { ... }

和

.tag {...}

可以手动覆盖，但这不是一个好习惯。这个名称过于通用或不常见，不能以prismjs为前缀。

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

Answer 1

手动修复：

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

因为＆＃34;令牌＆＃34; class name来自prismjs并与其他prismjs类一起出现，使用此选择器来帮助覆盖所需的样式。只需将其添加到自定义样式，并确保链接到html文档中链接的任何框架css文件。