#foo:checked::before, input(type="checkbox") ( position:absolute; clip: rect(0,0,0,0); clip: rect(0 0 0 0); ) #foo:checked, input(type="checkbox") + label::before ( content: url('checkbox.png.webp'); ) input(type="checkbox"):checked + label::before ( content: url('checkbox-checked.png.webp'); )#foo ei viita mingile konkreetsele elemendile, see on puhtalt selleks, et takistada brausereid hilisemate valijate juurutamisel, kui ta sellest aru ei saa (kuna enamik brausereid loobub kogu valijast, kui mõni selle osa ebaõnnestub).