JSFiddle - React, Tailwind, and code Playground

by Thahir

HTML

<!-- Styling footnotes Using :last-child -->
<article>
    <p>Some content.<sup>1</sup></p>
    <hr>
    <ol>
        <li>A footnote</li>
        <li>A footnote</li>
        <li>A footnote</li>
        <li>A footnote</li>
        <li>A footnote</li>
    </ol>
        <hr>
    <ol>
        <li>A footnote</li>
        <li>A footnote</li>
        <li>A footnote</li>
        <li>A footnote</li>
        <li>A footnote</li>
    </ol>
            <hr>
    <ol>
        <li>A footnote</li>
        <li>A footnote</li>
        <li>A footnote</li>
        <li>A footnote</li>
        <li>A footnote</li>
    </ol>
</article>

CSS

article hr + ol:last-child {
    color: red;
}