匹配结尾值
E[attr$="value"]属性选择器刚好与E[attr^="value"]选择器相反,E[attr$="value"]表示的是选择attr属性值以"value"结尾的所有元素。
这个运用在给你一些特殊的链接加背景图片很方便的,比如说给pdf,png,doc等不同文件加上不同icon,我们就可以使用这个属性来实现。
如下,我们设置a标签href的属性值的背景色:
.wrap a[href$="png"]{background:green;color:black;}
上面代码表示的是,选择.wrap中元素有href属性并以png值结尾的a元素。