css - Css 查找文件扩展名

Question

我正在尝试根据使用 css 的文件扩展名在文件名之前添加 word、excel、pdf 图标。但是我的超链接是加密的，没有有效的扩展名。所以我必须检查内容是否有文件扩展名然后添加图标。

有人可以帮我解决这个问题。这是代码 小提琴代码

table tr td a[href$=".docx"]:before {
    padding: 5px 15px;
    margin: 0 5px 0 10px;
    content: "test";
    background: url(http://www.shoutmeloud.com/wp-content/uploads/2011/08/text-file-icon.png) repeat;
}



<td><a href="/GetDetails?Area=&amp;fileIdentificationKey=clgcuRNDkR6DeGqJY5l%2FZH3oyGA%2FRbrh2FXukJJ8QuC4sdmyXXwxq0zLQQfXPKC55kJda9654lUIwKQ9ETDzkFT1ep97FWplqHncKJdRL8sciOqriVqAD6AT10KjZFMC"> Request.docx</a>
</td>