Используя следующий код HTML, добавьте к списку римскую нумерацию, чтобы получить результат, показанный на рис. 1.
<ol class="list-roman">
<li>Primus</li>
<li>Secundus</li>
<li>Tertius</li>
<li>Quartus</li>
<li>Quintus</li>
</ol>
Рис. 1
Обратите внимание, что нумерация красного цвета, а текст превращается в капитель.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Список</title>
<style>
.list-roman > li {
font-variant-caps: small-caps;
list-style: upper-roman;
&::marker {
color: red;
}
}
</style>
</head>
<body>
<ol class="list-roman">
<li>Primus</li>
<li>Secundus</li>
<li>Tertius</li>
<li>Quartus</li>
<li>Quintus</li>
</ol>
</body>
</html>