<!DOCTYPE html>
<html>
<body contenteditable>
<ul class="list">
    <li id="one">one</li>
    <ol class="list" style="color: red">
        <li id="two">two</li>
        <li id="three">three</li>
    </ol>
    <li id="four">four</li>
    <pre>
        <ol class="list">
            <li id="five">five</li>
            <li id="six">six</li>
        </ol>
    </pre>
</ul>
</body>
<script>
    document.body.focus();
</script>
</html>