JSFiddle - React, Tailwind, and code Playground

HTML

<div class="widget Label" data-version="1" id="Label2">
<h2>Labels</h2>
<div class="widget-content list-label-widget-content">
<ul>
<li>
<a dir="ltr" href="http://allinworld99.blogspot.in/search/label/Xara%203D" class="hvr-grow">Xara 3D</a>
</li>
<li>
<a dir="ltr" href="http://allinworld99.blogspot.in/search/label/c%23" class="hvr-grow">c#</a>
</li>
</ul>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=4457383778865341080&amp;widgetType=Label&amp;widgetId=Label2&amp;action=editWidget&amp;sectionId=mainblog" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;Label2&quot;));" target="configLabel2" title="Edit">
<img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div>

CSS

.newcls
{
  background:red;
  
}
.Label li {
        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
        border: 1px solid;
        border-radius: 6px 6px 6px 6px;
        float: left;
        font-size: 116%;
        list-style: none outside none;
        margin: 2px;
        padding: 4px;
        transition: all 0.3s ease 0s;
    }
    .Label li:hover {
    transform: rotate(351deg) scale(1.7);
}
.Label a {
    color: #fff;
    text-decoration: none;
}

JavaScript

Array.from( document.querySelectorAll("Label widget-content ul li a") ).forEach(
  aElement => aElement.classList.add('newClass')
);