Можно ли выделить цветом последнее слово в CSS и как?

Question

[Pavel Valeo]

Всем привет, возник вопрос - как выделить последнее слово в CSS цветом. Сразу уточню, вариант со span не катит, потому как данные приходят с сервера и попадают в переменную, которая через JSX уже выводится на страницу.

Были мысли сделать это с помощью массива (запушить переменную в массив, разбить по пробелу, вычислить длину массива, вырезать последний элемент массива и добавить в span), но это слишком заморочено. Есть ли какие-то свойства CSS, которые могут это сделать?

Comments

[Модератор]

Pavel Che дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац). В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[poniyur]

Последнее слово в CSS - нет, никак нельзя

Answer 1

[Юрий]

да, надо добавлять span. но делать лучше не через split/join а найти позицию посл пробела:
str.lastIndexOf(" ")
и разрезать по нему, добавить спан и склеить.

Answer 2

[Одиночка Айс]

Разве что через js - https://stackoverflow.com/questions/9268386/css-fo...

Comments

[Pavel Valeo]

Спасибо за отклик) Получается в целом такое же решение над которым я думал split-pop-join)

Answer 3

[Владислав Лысков]

https://codepen.io/davemaxwell/pen/xyWzdb

Comments

[Pavel Valeo]

Спасибо, но этот вариант к сожалению не подойдет, заголовки приходят с сервера динамически

[Владислав Лысков]

Pavel Che, соаершенно не важно откуда они приходят

[Pavel Valeo]

Владислав Лысков, получается в data-атрибут также нужно подставлять просто последнее слово динамически?

[Владислав Лысков]

Pavel Che, ну да

[Владислав Лысков]

Pavel Che, хотя нет, не получится извини, затупил