JSFiddle - React, Tailwind, and code Playground

HTML

<select name="price">
    <option></option>
    <option class="price-1 ">T-shirt</option>
    <option class="price-1 ">Observer Ride</option>
    <option class="price-1 ">Tip on Card</option>
    <option class="price-1 ">Overweight Charge - Groupons</option>
    <option class="price-1 ">Raw Footage - Thumb Drive</option>
    <option class="price-1 ">Raw Footage - DVD</option>
    <option class="price-1 ">Edited Footage - DVD</option>
    <option class="price-1 ">Edited Footage - Thumb Drive</option>
    <option class="price-3 ">AFF Course</option>
    <option class="price-3 ">Editor - Email Stills</option>
    <option class="price-3 ">Tandem Pack Job</option>
    <option class="price-3 ">Editor - YouTube Video</option>
    <option class="price-3 ">Editor - Raw Footage</option>
    <option class="price-3 ">Editor - Edited Footage</option>
    <option class="price-3 ">Student Pack Job</option>
    <option class="price-3 ">Facebook Upload</option>
    <option class="price-3 ">Stills Upsale</option>
    <option class="price-3 ">Stills (TI Payment)</option>
    <option class="price-3 ">Editor - Ultimate Video</option>
    <option class="price-4 ">Single Jump Gear Rental</option>
    <option class="price-4 ">Daily Gear Rental</option>
    <option class="price-4 ">STAFF - Gear Rental</option>
    <option class="price-6 ">Cash out</option>
    <option class="price-6 ">Cash Out2</option>
    <option class="price-7 ">Single Jump Gear Rental2</option>
    <option class="price-8 ">AFF Grounf School</option>
</select>

CSS

/* this one works */

.price-1{display:none;}
.price-4{display:none;}
.price-6{display:none;}
.price-7{display:none;}
.price-8{display:none;}

/* this one does not work */
/*
.price-1{display:none;}
.price-3{display:none;}
.price-6{display:none;}
.price-7{display:none;}
.price-8{display:none;}
*/