Mathjaxの式に色を付ける
色を付けるというか、CSSのスタイルをつける。
\class
というコマンドがあり、これがCSSのclassに対応しているらしい。
あとは普通にCSSを書けばよいと思う。
例
- mathjax:
$$ \begin{array}{ll} f(g)=g^2, & \class{mathbg-r}{\frac{df}{dg}(g)=2g} \\ \class{mathbg-y}{g(x)=x+3}, & \class{mathbg-g}{\frac{dg}{dx}(x)=1} \\ \end{array} \\ \begin{align} \textstyle \frac{df}{dx}(x) & = \textstyle \class{mathbg-r}{\frac{df}{dg}(\class{mathbg-y}{g(x)})} \cdot \class{mathbg-g}{\frac{dg}{dx}(x)} \\ & = \class{mathbg-r}{(2 \class{mathbg-y}{(x+3)})} \cdot \class{mathbg-g}{(1)} \\ & = 2x + 6 \\ \end{align} $$
- css:
span.mathbg-r { background-color: #f8d8d0; } span.mathbg-g { background-color: #d8f8d0; } span.mathbg-y { background-color: #f8f0d0; }
- 結果:
感想
入れ子でも一応表示してくれるのでうれしいと思う。