在使用 jqMath 编写数学时,我需要强调数学问题的特定部分。
/* specific to override border bottom important jqMath adds */
fmath td.redunderline {
border-bottom: #a20000 1px solid !important;
}
fmath td.redunderline .math-sum.red{
border-bottom: 0 !important;
}
/* colorizes numerator and denominator */
.math .red-num .fm-num-frac,
.math .red-den .fm-den-frac {
color: #a20000;
}
/* Colors for fractions in browsers that support MathML */
.math mfrac.red-num mn:nth-child(1),
.math mfrac.red-num mrow:nth-child(1),
.math mfrac.red-den mn:nth-child(2),
.math mfrac.red-den mrow:nth-child(2) {
color:#a20000;
}
除非我在 jqMath 表中,否则所有这些都很好。
$\table
{5x+4},=,49;
\html '<span class="red math-sum">−4</span>', ,\html '<span class="red math-sum">−4</span>';
{5x \html '<span class="red">+ 0</span>'},=,\html '<span class="red"> 45 </span>';
5x,=,45;
{\html '<span class="red-den">'{{5x}/5}\html '</span>'},=,{\html '<span class="red-den">' {45/5} \html '</span>'};
x,=,\html '<span class="red">9</span>';$
这是没有格式化分母的行:
{\html '<span class="red-den">'{{5x}/5}\html '</span>'},=,{\html '<span class="red-den">' {45/5} \html '</span>'};
如果我不对线进行分组,它不会由 jqMath 处理,并且仍然显示大括号等。如果我对线进行分组,我会遇到数学问题,但是跨度的颜色被放入另一行,即隐藏而不是按照我的意图包装数字。
我考虑使用 jQuery 添加样式,但是我无法在要添加类的位置标记 HTML,因为 jqMath 没有将样式放在所需的位置,这需要足够通用我可以添加标签或样式以将所需的效果带入页面。将 jQuery 添加到每个数学问题不是一种选择。
当然,我可以使用常规的 html 表(并且有)来做到这一点,但是我想把所有的数学放在一起,看起来像一个数学问题,以备将来验证。此外,将问题放在表格中只会给页面添加不必要的标记,增加页面下载时间。
理想的解决方案是告诉各个行如何设置自己的样式。