CSS селектор, который может найти текст?

Question

CSS селектор, который может найти текст?

0

Я пытаюсь использовать и анализировать XML с помощью JS и форматировать и отображать его с помощью HTML и CSS в первый раз, а мой XML-лист "math_functions.xml" представляет собой список математических операций и функций, перечисляющих их имена, способы использовать их в примерном выражении и их описаниях.

Примером выражения является "x + y" или "x% y" или "| x |", для добавления, остатка и абсолютной величины.

Я хотел бы сделать так, чтобы при печати на веб-странице все переменные (например, "x" и "y") были бы другого цвета, чем символы операций или функций, чтобы различать обе группы.

Есть ли селектор CSS, который может выбрать весь определенный текст, например "x" и "y", внутри элемента?

Я мог бы использовать JS для прохождения каждого выражения и создания каждой переменной по одной за раз, но это было бы намного неудобно.

Благодарю.

Jonathan Lam 27 дек. 2013, в 22:56

Источник

0

То, что вы хотите создать, это «симпатичный принтер».
Theraot 27 дек. 2013, в 21:45

Теги:

javascript

html

xml

css

formatting

3 ответа

3

Для этого вам нужно будет использовать Javascript. CSS не имеет встроенной поддержки для выбора, основанного на внутреннем html элемента. Вы можете использовать JS, чтобы обернуть нужные части текста в промежутке, возможно, и в стиле/цели.

steve 27 дек. 2013, в 20:01

1

Несмотря на то, что это не обязательно меньше, чем JavaScript, ваш проект звучит как нечто подходящее для XSLT. Вы можете выбрать подстроки из узла с XSLT.

AnalogWeapon 27 дек. 2013, в 20:24

Ещё вопросы

То, что вы хотите создать, это «симпатичный принтер».

Palpatim · Accepted Answer · 2013-12-27T19-38-00.000Z

К сожалению, насколько мне известно, чистый CSS не имеет возможности выбирать элементы на основе текста. Значения атрибутов, да, но innerText или innerHTML, no. См. Технику CSS "внутренний-html"?