document.querySelector() bug?

This is to demonstrate how syntaxically correct IDs are managed by document.querySelector():

1. Lorem ipsum

dolor sit amet, consectetur adipiscing elit. Ut justo arcu, rutrum a porttitor id, faucibus vel leo. Duis lorem neque, rhoncus eget auctor at, egestas vel metus. Praesent auctor dolor eros, sed interdum velit ultrices in. Phasellus convallis fermentum felis eget bibendum.

1.2 Aliquam erat volutpat.

Cras sollicitudin condimentum ligula, a ornare ante mattis vitae. Donec sit amet gravida quam, quis scelerisque odio. Ut consequat arcu mauris, id pretium odio blandit at. In tincidunt nisi nisi, nec fermentum diam egestas quis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Vestibulum fringilla est sem. Vestibulum molestie at odio quis commodo. Maecenas auctor maximus nunc, at tempor sem.

2. Curabitur

eros nisi, egestas id hendrerit et, luctus congue lacus. Donec at efficitur arcu. Cras commodo mollis augue ac porttitor. Nam euismod fermentum feugiat. Morbi est eros, maximus et finibus vitae, lacinia at diam. Maecenas scelerisque pretium leo, id egestas velit hendrerit at.

2.1 Curabitur non mauris magna.

Quisque et sem egestas, interdum elit quis, venenatis augue. Nulla sit amet orci ac tellus molestie dapibus. Morbi ut bibendum dui, eget posuere sem. Cras sed massa varius, tristique urna ut, vehicula nisi. Morbi tincidunt mauris sit amet nisl tempus porttitor. Vivamus pretium in lectus ac pharetra. Nulla ac dolor sapien. Donec viverra, augue quis volutpat sagittis, odio dolor malesuada elit, in aliquet dolor lorem at nunc. Mauris non ligula et metus commodo viverra.

3. Nulla suscipit

nulla sit amet luctus lobortis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse nisl sem, fringilla tincidunt interdum ac, ornare sed diam. Maecenas et placerat felis, vitae porttitor ex. Ut non egestas tortor. Sed ut nunc imperdiet, condimentum tellus ut, feugiat sem. Phasellus a leo iaculis, pretium velit nec, facilisis orci. Mauris mattis pellentesque sodales. Sed nec convallis lacus. Vestibulum ac risus fringilla, placerat purus eget, suscipit risus. Mauris imperdiet est tincidunt leo rutrum egestas. Aenean quis magna in est consequat fringilla. Phasellus sed vehicula lorem, a auctor leo. Suspendisse potenti. Etiam dapibus, elit ac efficitur consequat, quam purus eleifend velit, eu placerat ligula eros vitae justo.

4. Vivamus semper

augue vitae feugiat scelerisque. Etiam rhoncus sed diam non gravida. Aliquam erat volutpat. Praesent vitae felis tempus, suscipit nibh quis, vulputate dui. Vivamus ut fringilla est. Mauris suscipit finibus ex eget sagittis. Vivamus egestas ut orci tincidunt aliquet. Integer tellus ex, iaculis sed placerat et, efficitur et lacus.

Donec ac eleifend purus. Fusce pretium ipsum velit, in posuere augue auctor cursus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi vel libero id augue molestie posuere eu ac risus. Donec ornare sit amet purus eget venenatis. Duis eget est quis felis pellentesque bibendum at id felis. Maecenas sodales risus at magna imperdiet aliquam.