#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 किसी विशेष तत्व का संदर्भ नहीं देता है, यह शुद्ध रूप से ब्राउज़र को बाद के चयनकर्ताओं को लागू करने से रोकने के लिए है यदि यह समझ में नहीं आता है कि (चूंकि अधिकांश ब्राउज़र पूरे चयनकर्ता को छोड़ देगा यदि इसका कोई भी भाग विफल हो जाता है)।