Quill エディターで出力したhtmlをCSSを当てて表示したい

Question

モジュール

• quill （npm）
• vue-quill-editor

やりたいこと

Quillエディタで作成したhtmlのql-align-rightなどのクラスに対してCSSを当てたい

出力されるhtmlは<p class="ql-align-right">text</p>などのように出るが、import 'quill/dist/quill.core.css'では、

.ql-editor .ql-align-right {
  text-align: right;
}

このように.ql-editor以下の要素にしかかからないため、内容を表示した際にCSSが反映されません。
これを反映させるようにするためには、全て自分でCSSを作成しなければならないのでしょうか？