• りんご
• パナナ
• オレンジ
• いちご
• パイナップル

<ul class="list">
	<li data-fruit="🍎">りんご</li>
	<li data-fruit="🍌">パナナ</li>
	<li data-fruit="🍊">オレンジ</li>
	<li data-fruit="🍓">いちご</li>
	<li data-fruit="🍍">パイナップル</li>
</ul>
.list li::before {
	content: attr(data-fruit);
}

• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac rutrum odio. Suspendisse volutpat varius nulla, sit amet posuere neque accumsan sit amet. In facilisis turpis vel ligula fermentum, ut consequat magna pharetra. Praesent sit amet nulla ligula.
• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac rutrum odio. Suspendisse volutpat varius nulla, sit amet posuere neque accumsan sit amet. In facilisis turpis vel ligula fermentum, ut consequat magna pharetra. Praesent sit amet nulla ligula.
• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac rutrum odio. Suspendisse volutpat varius nulla, sit amet posuere neque accumsan sit amet. In facilisis turpis vel ligula fermentum, ut consequat magna pharetra. Praesent sit amet nulla ligula.

<li data-color="red"></li>
<li data-color="blue"></li>
<li data-color="green"></li>
.list2 li {
	color: attr(data-color type(<color>), black);
}