CSS для кода товара

[LevJek]

Здравствуйте! Помогите пожалуйста разобраться как выделить сам код товара (93241020) другим цветом, например красным. Ниже скриншот:

Сам код выглядит таким образом:

<ul class="list-unstyled">
<li><span>Производитель:</span>  </li>
<li><meta itemprop="brand" content="Signal"></li>
<li><meta itemprop="sku" content="93241020"></li>
<li>Доступность:  <span class="rewardin">В наличии</span></li>
<li><span>Код товара:</span>  <span itemprop="model">93241020</span></li>
</ul>

CSS:

.list-unstyled {
    padding-left: 0;
    list-style: none;
    }

Спасибо!

 

Змінено 28 січня 2021 користувачем LevJek

[LevJek]

Все. Разобрался:

После этого:

.list-unstyled {
    padding-left: 0;
    list-style: none;
    }

Добавил это:

  span[itemprop="model"]  {
   color: red;
}

В целом получилось так:

.list-unstyled {
    padding-left: 0;
    list-style: none;
    }
    
    span[itemprop="model"]  {
   color: red;
}

Не знаю на сколько это правильно, но работает. 

[todaymars]

<span itemprop="model" class="my-class">93241020</span>

.my-class {
    color: red;
}

 

[LevJek]

8 минут назад, todaymars сказал:

<span itemprop="model" class="my-class">93241020</span>

.my-class {
    color: red;
}

 

Ну это вы присвоили класс и сделали для него стиль. В шаблон лезть и справлять я не хотел. Думаю, что мой вариант для меня более годный.