Вопрос Веб разработчики, помогите с текстом css

[нрапоп]

Как сделать такой текст в css?

 

[artur1]

Только в CSS - никак. Отдельные CSS-стили предусмотрены только для первой буквы. А чтобы применить стили к части строки, эту часть строки придётся обернуть в отдельный тег и применять стили к этому тегу. PETSHOP .name {
font-style: italic;
color: black;
}

.name span {
color: yellow;
}

 

[Misha1`312432534]

<b><i style="text-color:yellow">PET</i><i style="text-color:black">SHOP</i></b>
это сразу в html можно писать

 

[Александр Немов]

наиболее просто и гибко — это <span>

<h1 class="header">
<span class="pet">PET</span><span class="shop">SHOP</span>
</h1>

 

[savel73]

одному контейнеру добавить псевдоэлементы before и after
в первом content указать pet, второму shop
первому color поставить на yellow, второму на black
их родителю поставить font-style: italic .text {
font-style: italic;
}

.text:before {
content: 'PET';
color: yellow;
}

.text:before {
content: 'SHOP';
color: black;
}