JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top_props">
  <div class="title">Характеристики</div>
  <div class="props props_list">
    <div class="prop prop-color">
      <div class="name">
        <div class="char_name">
          <div class="props_item ">
            <span>Цвет:</span>
          </div>
        </div>
      </div>
      <div class="value color-value">
        <img data-lazyload="" class="char_value color-img lazyloaded" src="/upload/uf/d6d/d6d4c261e460ee616b910e304c718ebd.png" data-src="/upload/uf/d6d/d6d4c261e460ee616b910e304c718ebd.png" alt="Серый">
        <img data-lazyload="" class="char_value color-img lazyloaded" src="/upload/uf/2fb/2fb88111436250c62e9fe43be0af13c4.png" data-src="/upload/uf/2fb/2fb88111436250c62e9fe43be0af13c4.png" alt="Черный">
      </div>
    </div>
    <div class="prop">
      <div class="name">
        <div class="char_name">
          <div class="props_item ">
            <span>Для кого:</span>
          </div>
        </div>
      </div>
      <div class="value">
        <div class="char_value">
          мужской </div>
      </div>
    </div>
    <div class="prop">
      <div class="name">
        <div class="char_name">
          <div class="props_item ">
            <span>Модель:</span>
          </div>
        </div>
      </div>
      <div class="value">
        <div class="char_value">
          T10211161 </div>
      </div>
    </div>
    <div class="prop">
      <div class="name">
        <div class="char_name">
          <div class="props_item ">
            <span>Доставка:</span>
          </div>
        </div>
      </div>
      <div class="value">
        <div class="char_value">
          На складе, доставка или самовывоз через 1-3 дня </div>
      </div>
    </div>
    <div class=""><span class="choise colored" data-block=".char_inner_wrapper">Все характеристики</span></div>
  </div>
</div>

CSS

.props_list .prop:first-child .name span{
  color:green;
  background:red;
}