JSFiddle - React, Tailwind, and code Playground

HTML

<div class="example">
    <ul>
        <li><a href="#">Home</a>
        </li>
        <li><a href="#">About</a>
        </li>
        <li><a href="#">Clients</a>
        </li>
        <li><a href="#">Contact Us</a>
        </li>
    </ul>
    <div>
        <style scoped>
            a {
                background-color: #52ACCC
            }
        </style>
        <ul>
            <li><a href="#">Home</a>
            </li>
            <li><a href="#">About</a>
            </li>
            <li><a href="#">Clients</a>
            </li>
            <li><a href="#">Contact Us</a>
            </li>
        </ul>
    </div>
</div>

CSS

.example {
    border: 1px solid red;
}
a{text-decoration:none;}