注意書きリストの「※」は文章の外で定義する

「※」つきリスト | JSFiddle

普通に文章の中に「※」マークを含めてしまう場合が多いんだけど、「注意書きリスト」としてコンポーネントを定義する場合は、以下のように before 疑似要素ですべてのリストの先頭に「※」マークをつけるほうが良い気がした。コンポーネントの意味がコードから読み取りやすい。

<ul class="notes02">
  <li>価格税抜き表示です</li>
  <li>2018年X月時点の価格です</li>
  <li>エンタープライズプランの価格は専用フォームよりご相談ください</li>
</ul>

.notes02 {
  padding-left: 0;
  list-style: none;
}

.notes02 li::before {
  content: "※";
}