bbpro
Version:
BrowserBox - remote browser isolation tool
20 lines (18 loc) • 587 B
HTML
<h1>C3S Test</h1>
<link rel=stylesheet href=crazy.css>
<script type=module src=test.js></script>
<div class=none>
<input type=text placeholder="unaffected by a scoped style...">
<button>Button</button>
</div>
<div class=scoped-element>
<input class=scoped-element type=text placeholder="Affected by a scoped style!">
<button>Button</button>
</div>
<script type=module>
import {scope} from './c3s.js';
const {prefix} = scope('crazy.css');
const affectedElement = document.querySelector('.scoped-element');
affectedElement.classList.add(prefix);
</script>