Только в CSS - никак. Отдельные CSS-стили предусмотрены только для первой буквы. А чтобы применить стили к части строки, эту часть строки придётся обернуть в отдельный тег и применять стили к этому тегу. PETSHOP .name {
font-style: italic;
color: black;
}
<b><i style="text-color:yellow">PET</i><i style="text-color:black">SHOP</i></b>
это сразу в html можно писать
одному контейнеру добавить псевдоэлементы before и after
в первом content указать pet, второму shop
первому color поставить на yellow, второму на black
их родителю поставить font-style: italic .text {
font-style: italic;
}