注意書きリストの「※」は文章の外で定義する
普通に文章の中に「※」マークを含めてしまう場合が多いんだけど、「注意書きリスト」としてコンポーネントを定義する場合は、以下のように before
疑似要素ですべてのリストの先頭に「※」マークをつけるほうが良い気がした。コンポーネントの意味がコードから読み取りやすい。
<ul class="notes02"> <li>価格税抜き表示です</li> <li>2018年X月時点の価格です</li> <li>エンタープライズプランの価格は専用フォームよりご相談ください</li> </ul>
.notes02 { padding-left: 0; list-style: none; } .notes02 li::before { content: "※"; }