#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 nie odwołuje się do żadnego konkretnego elementu, ma to na celu wyłącznie uniemożliwić przeglądarkom implementację późniejszych selektorów, jeśli tego nie rozumie (ponieważ większość przeglądarek porzuca cały selektor, jeśli jakakolwiek jego część zawiedzie).