CSS :nth-last-child() — n-й елемент із кінця

HTML

<ol class="steps">
    <li>Крок 1</li>
    <li>Крок 2</li>
    <li>Крок 3</li>
    <li>Крок 4</li>
    <li>Крок 5</li>
</ol>

CSS

.steps {
    max-width: 18rem;
    font: 15px/1.5 system-ui, sans-serif;
}

.steps li {
    padding: .35rem .5rem;
}

/* три останні, скільки б пунктів не було */
.steps li:nth-last-child(-n+3) {
    background: #fef9c3;
}

/* передостанній */
.steps li:nth-last-child(2) {
    font-weight: 700;
}

HTML

<div>
    <p>Перший.</p>
    <p>Другий з кінця — червоний.</p>
    <p>Останній.</p>
</div>

CSS

p:nth-last-child(2) {
    background: red;
}