CSS 스타일, 색상 설정, MathJax

Question

안녕하세요, 저는 MathJax 출력에 스타일을 추가하려고합니다. 특히 방정식의 글로벌 컬러를 설정하여 (내 페이지의 나머지 스타일과 일치하도록) 현재 다음과 같은 구성을 가지고 있습니다. 내 페이지의 내 구성에서 수학을 styles 태그를 포함 할 경우

<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> 

그러나 단지 전혀 표시 거부합니다. 반면에 제거하면 괜찮아집니다.

편집 : 다른 질문에서 제안한대로 스타일을 CSS에 직접 추가하려고했지만 동일한 결과가 나타났습니다. 수학이 전혀 표시되지 않았습니다.

---

UPDATE : 내가 추가 한 : 다비드 지금, 아래에있는 내 식 디스플레이를 제안하지만, 스타일링 정보를 무시할한다. 스타일링은 페이지 본문에서 상속 된 것으로 보이지만 다른 스타일을 사용하여 div에 수학을 배치해도 영향을 미치지 않습니다.

UPDATE2 : 스타일 명령을 무시하는 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> 

이어야하며 귀하가 사용할 수 있습니다.