CSS трюки Списки и счетчики Счетчики CSS позволяют вам настраивать внешний вид контента в зависимости от его расположения в документе. <ul class="list"> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> </ul> li { font-size: 40px; margin-bottom: 20px; counter-increment: li; } .list li::before { content: counter(li); margin-right: 10px; width: 50px; height: 50px; border-radius: 50%; display: inline-block; background-color: #f3b70f; color: white; text-align: center; line-height: 50px; } #frontend #css