JSFiddle - React, Tailwind, and code Playground

by Slico

HTML

<div class="dt-sc-pricing-table">
    <div class="column dt-sc-one-fourth">
        <div class="dt-sc-pr-tb-col ">
            <div class="dt-sc-tb-header">
                <div class="dt-sc-price"> <sup> $ </sup><sub><span>from</span></sub>95 <span> / month</span> 
                </div>
                <div class="dt-sc-tb-title">
                     <h5>Unlimited ADSL</h5> 
                </div>
                <div class="dt-sc-buy-now"> <a class="dt-sc-button medium" href="" nom="residential-unlimited-adsl" taj="Residential">Read More</a>
                </div>
            </div>
            <ul class="dt-sc-tb-content">
                <li></li>
            </ul>
        </div>
    </div>
    <div class="column dt-sc-one-fourth">
        <div class="dt-sc-pr-tb-col ">
            <div class="dt-sc-tb-header">
                <div class="dt-sc-price"> <sup> $ </sup><sub><span>from</span></sub>99 <span> / month</span> 
                </div>
                <div class="dt-sc-tb-title">
                     <h5>Unlimited VDSL</h5> 
                </div>
                <div class="dt-sc-buy-now"> <a class="dt-sc-button medium" href="" nom="residential-unlimited-vdsl" taj="Residential">Read More</a>
                </div>
            </div>
            <ul class="dt-sc-tb-content">
                <li></li>
            </ul>
        </div>
    </div>

CSS

.first{
    background-color: red;
}

JavaScript

$(document).ready(function () {
      $('.dt-sc-one-fourth:first').addClass('first');
  });