#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 se ne referira na bilo koji određeni element, on postoji samo radi sprečavanja preglednika da implementiraju kasnije selektore ako to ne razumije (budući da će većina preglednika ispustiti cijeli selektor ako bilo koji njegov dio ne uspije).