How css uses different styles based on file format

This article mainly shows you "css how to use different styles based on file format", the content is easy to understand, well-organized, hope to help you solve your doubts, the following let Xiaobian lead you to study and learn "css how to use different styles based on file format" this article.

Use different styles based on the file format.

To make it easier to know the goal of a link, sometimes you want some links to look different from others. The following snippet adds an icon in front of the text link to use different icons or pictures for different resources:

A [padding-right ^ = "http://"]{ padding-right: 20px; background: url (external.gif) no-repeat center right;} / * emails * / a [padding-right: 20px; background: url (email.png) no-repeat center right;} / * pdfs * / a [href$=" .pdf "] {padding-right: 20px; background: url (pdf.png) no-repeat center right } these are all the contents of the article "how css uses different styles based on file formats". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!