スタイルテスト
一時的に使いたいスタイルを、カスタムHTMLに書いて使えるかどうかのテスト
この段落の下に、 .colored{color:red;} と書いた、スタイルタグがある。
.colored{color:red;}この段落にクラスを付与して、上のスタイルが適用されるかどうかをテストしてみる。
プレビュー画面では赤くなっているが、エディタ上ではスタイルは効いていない。
エディタ上で、編集しながらスタイルを確認することが目的なので使えないことになる。
.green{color:green;}
クラシックブロックを使って書いてみる。
クラシックブロックでも、フロントでは色が付くが、エディタ上では適用されない。スタイルの記述位置に変なアイコンが表示される。