Как в CSS написать код, чтоб слово «Описание» и «Характеристики» были оранжевого цвета (#fe8e0d)?

Question

[Михаил Шипилов]

Это описание к товару, поэтому необходимо окрасить два слова, чтоб оно везде покрасилось.

Answer 1

[Евгений Петров]

Заключить слова в тэги с классом и прописать для класса в CSS стиль.

Answer 2

[y0u]

Не понимаю сложности. Заключите эти слова, к примеру, в <span class="blabla"> и добавьте этому классу Ваш цвет.
Или Вам нужно что-то другое?

Answer 3

[Bamburillo]

Мне кажется, что с помощью чистого CSS этого сделать нельзя. Зато можно запросто решить с помощью JS
Вот к примеру текст в HTML

<span id="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</span>

И тогда JS будет таким

var span = $("#content");
span.html(span.html().replace(/dolor/, '<span style="color: red">$&</span>'));
span.html(span.html().replace(/elit/, '<span style="color: green">$&</span>'));

Вот тут как это все работает линк

Comments

[Bamburillo]

Ну а если есть возможность заключить эти слова в тег, то самым простым вариантом, конечно-же будет создание правила в CSS в виде

span.orange {
     color: #fe8e0d;
}

и обернуть нужные слова в span типа Описание

[Ksider]

на асемблере нужно было))

Answer 4

[Сергей]

Прочитать книгу CSS для чайников

Answer 5

[Роман Скрябин]

заключаешь эти слова в теги, например h4
а в CSS пришешь

h4{
color: #fe8e0d;
font-weight: 400; // убрать bold у заголовка
}

Answer 6

[Михаил Шипилов]

Спасибо))