JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

 
<body>
<ul id="menu-footer" class="menu">
    <li id="menu-item-770" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-770">
        <a href="http://#" title="footer">Legal</a>
    </li>
    <li id="menu-item-769" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-769">
    <li id="menu-item-765" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-765">
    <li id="menu-item-767" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-767">
    <li id="menu-item-766" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-766">
    <li id="menu-item-768" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-768">
</ul>
    

</body>
</html>

CSS

a[title="footer"]{
  color: blue;  
  text-decoration:none;
}