Допустим, в html между тегами расположен текст вперемежку с tex-формулами, обычный текст предполагается сделать серым цветом, а формулы - черным. Как сделать так, чтобы при распознавании формулы в тексте, ей автоматически присваивался нужный цвет. Для отображения формул используется Mathjax
Обособлять каждую формулу тегом span с соответствующим id не вариант, так как это трудоемкий процесс, формул очень много. Тегу p присвоен серый цвет.
Пример одной такой страницы:
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../css/iphone.css">
<script type="text/javascript" src="../Mathjax/MathJax.js?config=TeX-AMS_HTML-full"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX","output/HTML-CSS"],
tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
});
</script>
</head>
<body>
<div>
<h1>Определение производной</h1>
<hr size=2 width="100%" align=center>
<p><span style='color:#22ADE7'><strong>Определение:</strong></span> Производной функции $ѓ $ в точке $x_0$называется предел отношения приращения функции к приращению аргумента при стремлении приращении аргумента к нулю, если предел существует и конечен.</p>
<p>\[\underline{\overline{\left|f'\left(x_0\right)={\mathop{\lim }_{\triangle x\to 0} \frac{\triangle f}{\triangle x}\ }\right|}}\]</p>
<p>Поставив в соответствие каждому значению $x$ (если это возможно) число $f'\left(x\right)$, получим функцию $f'$, называемую производной функции $f$.</p>
<p>Приращение функции - изменение значения функции $f\left(x\right)-f\left(x_0\right)=f\left(x_0+\triangle x\right)-f(x_0)$ , обозначается $\triangle f=f\left(x_0+\triangle x\right)-f(x_0)$.</p>
</div>
</body>
</html>