JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<div class="content">
<a href="https://www.w3schools.com/" target="_blank" class="link mercadoabierto">MERCADO ABIERTO
<a href="https://www.w3schools.com/" target="_blank" class="link terrenos">TERRENOS
<a href="https://www.w3schools.com/" target="_blank" class="link rentas">RENTAS</a>
</div>

CSS

.link{
    display: inline-block;
    height: 20px;
    padding:5px;
    text-decoration:none;
}
.link:hover{
background-color: #2D71FF; color:#002e59;
}
.mercadoabierto{
    background: #FD8230; color:white;
}
.terrenos{
    background: #4BCB7C; color:white;
}
.rentas{
    background: #BD70FD; color:white;
}
.content{
    margin: 0 auto;
    text-align:center;
}

JavaScript

$('span').each(function() {
        var value = $(this).text();
        if (value == "SILVER" ||  value == "BRONZE") {
        } else {
        $(this).css('background-color', 'yellow');  }})