Pažymėkite "PDF bombas" CSS-gudrybės

Anonim

Bet kuri inkaro nuoroda gali būti nuoroda į PDF dokumentą, tačiau spustelėjus tokią nuorodą, galvojant kitaip, vartotojui gali būti nuostabu ir nepatogu. Šis CSS gali vizualiai nurodyti tas nuorodas.

/* 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) ")"; )

Taigi…


Watch out for the PDF bomb here!

Vizualiai tampa:

Watch out for the PDF bomb (PDF) here!

Arba…


Watch out for the PDF bomb here!

Tampa:

Watch out for the PDF bomb (PDF, 2 MB) here!

Žr. Chriso Coyierio (@chriscoyier) „Pen Identify PDF Bombs“ iš „CodePen“.