按文件类型设置链接样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了按文件类型设置链接样式相关的知识,希望对你有一定的参考价值。

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. }

以上是关于按文件类型设置链接样式的主要内容,如果未能解决你的问题,请参考以下文章

CSS 按文件类型设置样式链接

按文件类型设置链接样式

CSS 样式链接按文件类型

【Flutter】按钮与文本(三)

外部样式表不会覆盖引导程序

Typora设置自定义代码颜色