フロントエンドフレームワークと競合するため、プリフィックスのクラス名の接頭辞は手動ではありませんか？

Question

Bulmaフロントエンドフレームワークを使用して始めると、prismjsを使用して、スタイルとの衝突を開始するまで、すべてがうまくいっています。なぜなら、prismjsはクラス名の前に接頭辞が付いていないからです。

主な問題はである：

.number { ... } 

と

.tag {...} 

それは手動で上書きすることができますが、それは良い習慣ではありません。この名前はあまりにも一般的であり、プリペアのプレフィックスを付けることはできません。

これを回避する方法はありますか？ 「トークン」クラス名がprismjsからのものであり、必要に応じてスタイルを上書きするために、このセレクタを使用し、他のprismjsクラスと表示されますので

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

：手動で固定

Answer 1

。これをカスタムスタイルに追加し、htmlドキュメントにリンクされているフレームワークCSSファイルの後にリンクするようにしてください。