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. }
Nathan Pakovskie is an esteemed senior developer and educator in the tech community, best known for his contributions to With a passion for coding and a knack for simplifying complex tech concepts, Nathan has authored several popular tutorials on C# programming, ranging from basic operations to advanced coding techniques. His articles, often characterized by clarity and precision, serve as invaluable resources for both novice and experienced programmers. Beyond his technical expertise, Nathan is an advocate for continuous learning and enjoys exploring emerging technologies in AI and software development. When he’s not coding or writing, Nathan engages in mentoring upcoming developers, emphasizing the importance of both technical skills and creative problem-solving in the ever-evolving world of technology. Specialties: C# Programming, Technical Writing, Software Development, AI Technologies, Educational Outreach

Leave a Reply

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

Back To Top