Forums

kunjan

Style links depending on file format

/* external links */ a[href^="http://"]{ padding-right: 20px; background: url(external.gif) no-repeat center right; }

  /* emails */
  a[href^="mailto:"]{
      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;
  }

Paulie_D

@kunjan

Thank you. If you have a snippet to submit, check here http://css-tricks.com/snippets/ first, as it may be already known.

treehouse : what would you like to learn today?

Forums

For tag you can Style links depending on file format