#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'); )#фоо се не односи на било који одређени елемент, он постоји чисто да спречи прегледаче да примене касније селекторе ако то не разуме (јер ће већина прегледача испустити цео селектор ако било који његов део не успе).