Будь-яке старе прив'язне посилання може бути посиланням на документ PDF, але натискання такого посилання, як інакше, може викликати здивування та дискомфорт для користувача. Цей CSS може візуально означати ці посилання.
/* 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) ")"; )Тому…
Watch out for the PDF bomb here!
Візуально стає:
Watch out for the PDF bomb (PDF) here!Або ...
Watch out for the PDF bomb here!
Стає:
Watch out for the PDF bomb (PDF, 2 MB) here!Дивіться ручку «Визначте PDF-бомби» Кріса Койєра (@chriscoyier) на CodePen.