JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input class="orderrow-1" type="text">
    <input class="orderrow-2" type="text">
</div>

CSS

input[class *="orderrow-"]
{
    border: 1px solid #e2e2e2;
    color: #333;
    font-size: 1em;
    margin: 5px 5px 6px 0px;
    padding: 5px;
    width: 100px;
    text-align: right;
}

input.orderrow-1 {
    border: 1px solid #F00;
}