JSFiddle - React, Tailwind, and code Playground

HTML

<article class="media media--small 48">
   <a href="#">
       <img src="" class="media__img" alt="">
       <i class="s s--plus">+</i>
   </a>
   <div class="media__body">
      <h1 class="media__title"></h1>
      <p></p>
      <div style="display: inline-block;">
          <a href="" target="_blank"><img src="" alt=""></a> 
          <a href="" target="_blank"><img style="margin-left: 17px;" src="" alt=""></a>
      </div>
      <p></p>
   </div>
</article>

CSS

.\34 8 .s--plus {
    background: blue;
}

article[class ~= "48"] .s--plus {
    background: red;    
}