"पीडीएफ बम" पर हस्ताक्षर करें - सीएसएस-ट्रिक्स

कोई भी ol 'एंकर लिंक एक पीडीएफ डॉक्यूमेंट का लिंक हो सकता है, लेकिन उस सोच की तरह लिंक पर क्लिक करना अन्यथा किसी उपयोगकर्ता के लिए आश्चर्य और असहज हो सकता है। यह 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!

CodePen पर क्रिस कॉयर (@chisciscoyier) द्वारा पेन आइडेंटिफाई पीडीएफ बम देखें।