いつも書くのがめんどくさいのと、beforeだからって「display: block;」や「top: 0;」など、余計なコードを書かなくていいようにコピペ用にメモしておく。

<ul class="list_precaution">
<li>注意事項が入ります。</li>
<li>注意事項が入りますテキストテキスト</li>
<li>テキストテキスト長い文章だとこうなりますテキストテキスト長い文章だとこうなりますテキストテキスト長い文章だとこうなります</li>
</ul>
.list{
&_precaution{
li{
font-size: 1.3rem;
padding-left: 1.2em;
position: relative;
&::before{
content: '※';
font-size: .9em;
left: 0;
position: absolute;
}//&::before
}//li
}//&_precaution
}//.list