html - 将美元运算符用于属性选择器时，出现“无效的属性值”错误

我正在尝试使用属性 = 值选择器将图标放置在我们网站上的 pdf 链接上。它适用于我设置的外部链接，但是当我尝试将它用于 pdf 文件时，我收到“无效的属性值”错误。

如果 href 的结尾（后缀）是我想要匹配的，则在MDN上指示使用 $= - 它就是这样。

这是我在我的 CSS 中使用的代码：

a[href$=".pdf" i]{
    background-image: url(/images/pdflink.png) no-repeat right top;
    padding-right: 10px;
}

关于我做错了什么的任何想法？

标签： htmlcssattributesselector

您必须通过前置来转义值中的点\。如果使用预处理器，则转义转义字符。