批量为页面所有pdf,word,excel链接 添加图标表示

举报
拿我格子衫来 发表于 2022/03/17 23:50:01 2022/03/17
【摘要】 1111111111 as   在CSS3中与一个选择器叫做属性选择器 如 a[href$='pdf'] 这样就是选中所有的a链接以pdf结尾的元素     然后在配合backgroud-image与backgroud-position 设置背景图片 // 附件样式 .fujian...

1111111111

as

 

CSS3中与一个选择器叫做属性选择器

a[href$='pdf']
 

这样就是选中所有的a链接以pdf结尾的元素

 

 

然后在配合backgroud-image与backgroud-position 设置背景图片


  
   
    
     
    
    
     
        // 附件样式
     
    
   
    
     
    
    
       .fujian-list{
     
    
   
    
     
    
    
         .file_link{
     
    
   
    
     
    
    
           background-image: url('../images/icon-file.png');
     
    
   
    
     
    
    
           background-repeat: no-repeat;
     
    
   
    
     
    
    
           background-position: 2px;
     
    
   
    
     
    
    
           padding-left: 30px;
     
    
   
    
     
    
    
     
          }
     
    
   
    
     
    
    
         .file_link[href$=pdf],.file_link[href$=PDF]{
     
    
   
    
     
    
    
           background-image: url('../images/icon-pdf.png');
     
    
   
    
     
    
    
     
          }
     
    
   
    
     
    
    
         .file_link[href$=doc],.file_link[href$=docx]{
     
    
   
    
     
    
    
           background-image: url('../images/icon-word.png');
     
    
   
    
     
    
    
     
          }
     
    
   
    
     
    
    
         .file_link[href$=jpg],.file_link[href$=JPG],.file_link[href$=png],.file_link[href$=PNG],.file_link[href$=jpeg],.file_link[href$=JPEG]{
     
    
   
    
     
    
    
           background-image: url('../images/icon-pic.png');
     
    
   
    
     
    
    
     
          }
     
    
   
    
     
    
    
     
        }
     
    
  
 

 

文章来源: fizzz.blog.csdn.net,作者:拿我格子衫来,版权归原作者所有,如需转载,请联系作者。

原文链接:fizzz.blog.csdn.net/article/details/98204429

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。