JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class="classname one"> Some code </div>
    <div class="classname two"> Some different code </div>
</div>

CSS

.classname {
    margin-bottom: 20px;
}

.classname.one {
    border: 1px solid #00f;    
}

.classname.two {
    border: 1px solid #f00;    
}

.classname:first-child {
    font-size: 2em; 
}

.classname:nth-of-type(2) {
    color: #f00;
}