#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 δεν αναφέρεται σε κανένα συγκεκριμένο στοιχείο, είναι αποκλειστικά εκεί για να αποτρέψει τα προγράμματα περιήγησης από την εφαρμογή των μεταγενέστερων επιλογών εάν δεν το καταλαβαίνει (καθώς τα περισσότερα προγράμματα περιήγησης θα αφήσουν ολόκληρο τον επιλογέα εάν κάποιο μέρος του αποτύχει).