Css查找文件扩展名

Question

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

有人可以帮我解决这个问题。这是代码Fiddle code

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>