Vilken som helst ankarlänk kan vara en länk till ett PDF-dokument, men att klicka på en länk som det här tänker annars kan vara överraskande och obekvämt för en användare. Denna CSS kan visuellt beteckna dessa länkar.
/* Add " (PDF)" text after links that go to PDFs */ a(href$=".pdf"):after ( content: " (PDF)"; ) /* If file size specified as data attribute, use that too */ a(href$=".pdf")(data-size):after ( content: " (PDF, " attr(data-size) ")"; )Så…
Watch out for the PDF bomb here!
Visuellt blir:
Watch out for the PDF bomb (PDF) here!Eller…
Watch out for the PDF bomb here!
Blir:
Watch out for the PDF bomb (PDF, 2 MB) here!Se pennan Identifiera PDF-bomber av Chris Coyier (@chriscoyier) på CodePen.