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

Question

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

Leon Suhz Ученик (86), закрыт 2 месяца назад

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

Answer 1

Только в CSS - никак. Отдельные CSS-стили предусмотрены только для первой буквы. А чтобы применить стили к части строки, эту часть строки придётся обернуть в отдельный тег и применять стили к этому тегу.

 PETSHOP

 .name {
  font-style: italic;
  color: black;
}

.name span {
  color: yellow;
}

Answer 2

одному контейнеру добавить псевдоэлементы 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; 
}

Answer 3

Данил Ласый Просветленный (37068) 3 месяца назад

PETSHOP
это сразу в html можно писать

⚠Оракул (50001) 3 месяца назад

 весь
текст чёрного цвета
и
pet
ну и
shop

⚠Оракул (50001) 3 месяца назад

 а вот 
так
норм

 PET SHOP

Данил Ласый Просветленный (37068) ⚠, Красавчик. А я лох, причём полный

Answer 4

V̲i̲s̲t̲a̲s̲t̲e̲r̲ Искусственный Интеллект (267339) 3 месяца назад

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

<h1 class="header">
PETSHOP
</h1>

⚠Оракул (50001) 3 месяца назад

 цвета
жёлтого
нет

⚠ Оракул (50001)

   
PET SHOP