Jakýkoli odkaz na kotvu může být odkazem na dokument PDF, ale kliknutí na takový odkaz, které si myslí jinak, může být pro uživatele překvapivé a nepohodlné. Tento CSS může tyto odkazy vizuálně označit.
/* 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) ")"; )Tak…
Watch out for the PDF bomb here!
Vizuálně se stává:
Watch out for the PDF bomb (PDF) here!Nebo…
Watch out for the PDF bomb here!
Stává se:
Watch out for the PDF bomb (PDF, 2 MB) here!Podívejte se na Pen Identify PDF Bombs od Chrisa Coyiera (@chriscoyier) na CodePen.