rydotの呟''

プログラミングとかCGとかDTMとか適当にいろいろのことを適度にやる気なく綴るはず。

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}
$$
  span.mathbg-r {
    background-color: #f8d8d0;
  }
  span.mathbg-g {
    background-color: #d8f8d0;
  }
  span.mathbg-y {
    background-color: #f8f0d0;
  }
  • 結果: f:id:rydot:20160711004152p:plain

感想

入れ子でも一応表示してくれるのでうれしいと思う。