<button type="button" data-toggle="modal" data-target="#__--ID-1"></button>
<div id="__ignore--foo" class="__ignore--foo CLASS-1 CLASS-2"></div>
<component data-classes="__class--CLASS-2 __class--CLASS-3 foo"></component>
<code>
// See: http://example.com/#__--ID-1
// See: files/#__--ID-2
</code>
<style>
#ID-1 {}
.CLASS-2, .CLASS-3, .__ignore--foo {}
.CLASS-4::after {
content: "./path/#__--ID-2";
}
.CLASS-4::before {
content: "./path/#foo";
}
#__ignore--bar {}
[id="__ignore--bar"] {}
</style>
<script>
a.classList.add(() => {
if (foo) return "__class--CLASS-5";
else if (bar) return "__class--CLASS-6 __class--CLASS-5";
else if (baz) return "__class--CLASS-7";
});
document.getElementById('__ignore--baz');
document.getElementsByClassName('__ignore--foo');
document.querySelector('#__ignore--baz');
b.classList.add('__ignore--is-active', 'CLASS-8');
</script>
<div style="mask-image: url(foo.svg#__ignore--foo)"></div>
<div style="mask-image: url('foo.svg#__ignore--bar')"></div>