| <body> | |
| <div id=info></div> | |
| <div id=test></div> | |
| <script> | |
| function makeSheet(index) { | |
| let sheet; | |
| sheet = `#test:after { content: "Matched rule from sheet ${index}" }`; | |
| for (let i = 1; i < 32768; ++i) | |
| sheet += ".dummy-rule { color: red }"; | |
| return sheet; | |
| } | |
| function makeSheets(count) { | |
| for (let i = 0; i < count; ++i) { | |
| const style = document.createElement("style"); | |
| style.textContent = makeSheet(i + 1); | |
| document.head.appendChild(style); | |
| } | |
| info.textContent = `Expecting match from sheet ${count}`; | |
| } | |
| makeSheets(20); | |
| </script> | |
| </body> |