<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> |