4

This question has this block of HTML:

<h4 class="toggle">Title1</h4>
<h4 class="toggle">Title2</h4>
<h4 class="toggle">Title3</h4>
<div class="container">Content1</div>
<div class="container">Content2</div>
<div class="container">Content3</div>

Which is rendered with these strange colors:

Image

There's another JavaScript code block on the page. I'm not sure if the bug would show itself were that other block removed, since the highlighter isn't working during preview for me.

1

1 Answer 1

1

See: Changes to syntax highlighting

All blocks use the same language (or the same default), and indeed the HTML block is was using JavaScript:

<pre class="lang-js prettyprint">

I've fixed it by adding the tag, which forced all code blocks to fallback to the default highlighting:

<pre class="default prettyprint">

You must log in to answer this question.