Подпишите "PDF Bombs" онлайн урок.


Любая привязная ссылка ol 'может быть ссылкой на документ 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) ")"; }

Так...

<p>Watch out for the <a href="some.pdf">PDF bomb</a> here!</p>

Становится:

Остерегайтесь PDF-бомбы (PDF) здесь!

Или...

<p>Watch out for the <a href="some.pdf" data-size="2 MB">PDF bomb</a> here!</p>

Становится:

Остерегайтесь PDF-бомбы (PDF, 2 МБ) здесь!