JSFiddle - React, Tailwind, and code Playground

HTML

<blockquote>
    <p class="active">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro aliquam voluptatum voluptate eius mollitia velit eum magnam eos quisquam omnis.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus deleniti?</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt in pariatur ratione modi ipsam suscipit fugit beatae earum porro alias.</p>
    <footer>
        <ul>
            <li><cite>James A.</cite></li>
            <li class="active"><cite>Richard P.</cite></li>
            <li><cite>Sam S.</cite></li>
        </ul>
    </footer>
</blockquote>

CSS

blockquote p {
    display: none;
}

p.active {
    display: block;
}

li.active {
    font-weight: 700;
}