CSS: стиль для отдельного символа

A
На сайте с 24.12.2013
Offline
0
6813

Подскажите, как указать стили для отдельного знака из текста. Например, в теге p есть какой-то текст, и нужно все запятые в нем сделать другого цвета.

Милованов Ю.С
На сайте с 24.01.2008
Offline
196
#1

через КСС вроде бы нельзя.

Можно сделать через JS, либо на сервере - это точно!

Подпись))
Jor
На сайте с 23.06.2012
Offline
42
Jor
#2

Таких селекторов в CSS нету, Вы можете выделить только: первую строку, первую букву.

30 CSS-селекторов, о которых полезно помнить.

outtime
На сайте с 04.05.2008
Offline
197
#3

Насчет абсолютной корректности и кроссбраузерности гарантировать ничего не могу, но такой код, сделанный на коленке, запятые сделал красными )

<html><script type="text/javascript">



function myfunction() {
document.getElementById('body_content').innerHTML = document.getElementById('body_content').innerHTML.replace(/,/g,'<font color="red">,</font>');

}

</script>
<body id="body_content" onload="myfunction()">

текст, проверка запятых, чтобы они все, без исключения, были красными

</body>
</html>
Предлагаю воспользоваться моими услугами корректора. Проверю и уберу все ошибки, поправлю грамматику и склонения, сделаю текст лучше и читабельнее. Высокая скорость работы, цена 20 р за 1000 символов.
SeVlad
На сайте с 03.11.2008
Offline
1609
#4
augus:
Например, в теге p есть какой-то текст, и нужно все запятые в нем сделать другого цвета.

Обернуть запятые в строчный тег. Например в span.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
Geers
На сайте с 12.04.2011
Offline
487
#5
SeVlad:
Обернуть запятые в строчный тег. Например в span.

Ага, это наверное единственное решение, и то, каждую запятую надо обвертывать в span)

SeVlad
На сайте с 03.11.2008
Offline
1609
#6
Geers:
то, каждую запятую надо обвертывать в span)

При желании это легко решается простой регуляркой :)

A
На сайте с 24.12.2013
Offline
0
#7

Редактирование текста невозможно, нужно только внешнее воздействие (скрипт - как вариант). Запятые только для примера, а если это буква или цифра?

SeVlad
На сайте с 03.11.2008
Offline
1609
#8
augus:
Редактирование текста невозможно, нужно только внешнее воздействие (скрипт - как вариант)

Разбирать DOM.

Но боюсь, если даже текст нет возможности поменять, то вряд ли есть возможность внедрятся в код движка.

augus:
а если это буква или цифра?

А как должен скрипт догадаться какой именно букве (её позиции) нужно менять стиль?

Mik Foxi
На сайте с 02.03.2011
Offline
1215
#9

на php - буферизируем страницу, регуляркой заменяем символ на символ, обернутый стилями, выводим )

Антибот, антиспам, веб фаервол, защита от накрутки поведенческих: https://antibot.cloud/ (Зеркало: https://антибот.рф/ ) Форум на замену серчу: https://foxi.biz/
Geers
На сайте с 12.04.2011
Offline
487
#10
foxi:
на php - буферизируем страницу, регуляркой заменяем символ на символ, обернутый стилями, выводим )

Херню не несите дядя 😂

ТС, завтра напишу решение, сейчас занят.

Только конкретнее задачу напишите в лс.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий