WP:TinyMCEにて増やしたスタイルにcssで色づけなどはできませんか？

Question

ビジュアルエディタのここの部分なのですけれど

「スタイル」で増やした部分にもcssで何が反映されるのかわかりやすくしたいです。
自分で調べてみたのですが、まさにこれと同じ事象のものを探せれませんでした。

テキストエディタで色づけさせているようにビジュアルエディタでも処理したいです。

開発者ツールですが、下記の画像のようなものを作りたいです。

これを実装する方法を教えてください。

―――――――――――――――――――――――――――――――――――――――――――――――――
このようにしたいです。