Настройка стилей CSS, цвета, для MathJax

Question

Привет, я пытаюсь добавить стили в мой вывод MathJax. В частности, я хотел бы установить глобальный цвет для моих уравнений (чтобы он соответствовал стилям на остальной части моей страницы). В настоящее время у меня есть следующая конфигурация.

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
      jax: ["input/TeX", "output/HTML-CSS"],
      tex2jax: {
        inlineMath: [ ['$', '$'] ],
        displayMath: [ ['$$', '$$']],
        processEscapes: true,
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
      },
      messageStyle: "none",
      "HTML-CSS": { 
          preferredFont: "TeX", 
          availableFonts: ["STIX","TeX"], 
          styles: {".MathJax" {color: "#CCCCCC";}} 
          }
    });
</script>
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" type="text/javascript"></script>

Однако если я включу styles тег в моей конфигурации математика на моей странице просто отказывается отображать вообще. С другой стороны, если я удаляю его, он отображается нормально.

Изменить: я должен также отметить, что я попытался добавить стили непосредственно в мой CSS, как предлагалось в других вопросах, но это привело к тому же самому, никакой математики не отображалось вообще.

---

ОБНОВЛЕНИЕ: я добавил: как предлагает Дэвиде ниже, теперь мои уравнения отображаются, но информация о стилях игнорируется. Стиль, кажется, унаследован от тела страницы, но обертывание математики в div с другим стилем, похоже, тоже не влияет на это.

ОБНОВЛЕНИЕ 2: я решил мою проблему команд стиля игнорирования mathjax. Цвет для текста был глобально задан линией в моем CSS * { color: #292929 }. Это означало, что стиль из MathJax игнорировался. Простое изменение * на body, a, p, h1, h2 решило проблему.

Answer 1

Вы пропустили двоеточие после ".MathJax", Ваш код должен быть

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  jax: ["input/TeX", "output/HTML-CSS"],
  tex2jax: {
    inlineMath: [ ['$', '$'] ],
    displayMath: [ ['$$', '$$']],
    processEscapes: true,
    skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
  },
  messageStyle: "none",
  "HTML-CSS": { 
      preferredFont: "TeX", 
      availableFonts: ["STIX","TeX"], 
      styles: {".MathJax": {color: "#CCCCCC"}} 
      }
});
</script>

и тогда это должно работать на вас.

Answer 2

Для MathJax 3.x используйте:

      .MJX-TEX{
    color: red !important;
}