HighlightInheritanceRecalc.html | Explore in Territory

<!DOCTYPE html>
<script src="../resources/runner.js"></script>
<script src="resources/utils.js"></script>
<body>
<main></main>
<style>
/* non-::selection rules required when HighlightInheritance is disabled */
:root, :root::selection { --bg: blue; }
.green:root, .green:root::selection { --bg: green; }
*::selection /* same as ::selection */ {
    /* explicitly inherit all for worst case scenario */
    all: inherit;
    background-color: var(--bg);
}
</style>
<script>
createDOMTree(document.querySelector("main"), 4, 6);
PerfTestRunner.measureTime({
    description: 'Measure impact of highlight inheritance on content with universal ::selection rules (no selection, no paint)',
    run: () => {
        document.documentElement.classList.toggle("green");
        forceStyleRecalc(document.documentElement);
    },
});
</script>
</body>

chromium/third_party/blink/perf_tests/css/HighlightInheritanceRecalc.html