Parādiet "PDF bumbas" - CSS-triki

Anonim

Jebkura enkura saite var būt saite uz PDF dokumentu, taču, noklikšķinot uz šādas saites, domājot citādi, lietotājam var būt pārsteidzoši un neērti. Šī CSS var vizuāli apzīmēt šīs saites.

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

Tātad ...


Watch out for the PDF bomb here!

Vizuāli kļūst:

Watch out for the PDF bomb (PDF) here!

Vai ...


Watch out for the PDF bomb here!

Kļūst:

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

Skatiet Kriss Koijera (@chriscoyier) Pen Identify PDF Bombs vietnē CodePen.