Show Link Icons Depending On File Extension

Possible since CSS version 2.1, the anchor element can be referred to depending on the last few characters of the href attribute, hence links with different extensions can have different styles.

  1. a[href$=‘.docx’]
  2. {
  3. display: inline-block;
  4. padding-left20px;
  5. line-height18px;
  6. backgroundtransparent url(Images/DocxIcon.pngcenter left no-repeat;
  7. }

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top