Особенность комментариев вложенных стилей

by SerGen

HTML

<style>
h1:after {
    content: 'Оказывается, в комментариях вложенных стилей нельзя использовать тег `style`, это приводит к закрытию уже открытого тега и всё последующее распознаётся, как разметка.';
    display: block;
    font: normal .5em/1.5 sans-serif;
    margin-top: .75em;
}
pre {
    background-color: #f3f6fa;
    border-radius: .75em;
    font-family: Consolas, monospace;
    padding: .75em 1.5em;
}
</style>

CSS

/*
</style>

<h1>ХТМЛ!</h1>

<pre><code>&lt;style&gt;

/*
&lt;/style&gt;
&lt;h1&gt;ХТМЛ!&lt;/h1&gt;
&lt;style&gt;
*/

&lt;/style&gt;
</code></pre>
<style>
*/