Inconsistent highlighting of HTML block

Question

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:

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.

• Arjan: Related: Shadow Wizard's answer at Changes to syntax highlighting.

Answer 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 html tag, which forced all code blocks to fallback to the default highlighting:

<pre class="default prettyprint">