Style Links By File Type


 / Published in: CSS
 

URL: http://nealgrosskopf.com/files/css/style.css

Style external, email, and pdf links using css3 attribute selectors.

  1. /* external links */
  2. a[href^="http://"]
  3. {
  4. padding-right: 13px;
  5. background: url(external.gif) no-repeat center right;
  6. }
  7.  
  8. /* emails */
  9. a[href^="mailto:"]
  10. {
  11. padding-right: 20px;
  12. background: url(email.png) no-repeat center right;
  13. }
  14.  
  15. /* pdfs */
  16. a[href$=".pdf"]
  17. {
  18. padding-right: 18px;
  19. background: url(page_white_acrobat.png) no-repeat center right;
  20. }

Report this snippet  

You need to login to post a comment.