Mọi liên kết neo ol 'đều có thể là một liên kết đến tài liệu PDF, nhưng việc nhấp vào một liên kết như vậy với suy nghĩ khác có thể gây ngạc nhiên và khó chịu cho người dùng. CSS này có thể biểu thị các liên kết đó một cách trực quan.
/* 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) ")"; )Vì thế…
Watch out for the PDF bomb here!
Trực quan trở thành:
Watch out for the PDF bomb (PDF) here!Hoặc là…
Watch out for the PDF bomb here!
Trở thành:
Watch out for the PDF bomb (PDF, 2 MB) here!Xem Bút xác định bom bằng PDF của Chris Coyier (@chriscoyier) trên CodePen.