"该博客详细介绍了CSS选择器中href$的用法，它用于匹配以特定字符串结尾的属性值。例如，`a[href$='.pdf']`会选择所有href属性以'.pdf'结尾的a元素。内容涵盖CSS2和CSS3中的各种属性选择器，如E[foo]、E[foo="bar"]等，帮助理解如何精确地选取网页元素。"
你的href之后使用$。 这将使属性值与字符串的结尾匹配。
a[href$='.pdf'] { /*css*/ }
JSFiddle：[http://jsfiddle.net/UG9ud/]
E[foo] an E element with a "foo" attribute (CSS 2)
E[foo="bar"] an E element whose "foo" attribute value is exactly equal to "bar" (CSS 2)
E[foo~="bar"] an E element whose "foo" attribute value is a list of whitespace-separated values, one of which is exactly equal to "bar" (CSS 2)
E[foo^="bar"] an E element whose "foo" attribute value begins exactly with the string "bar" (CSS 3)
E[foo$="bar"] an E element whose "foo" attribute value ends exactly with the string "bar" (CSS 3)
E[foo*="bar"] an E element whose "foo" attribute value contains the substring "bar" (CSS 3)
E[foo|="en"] an E element whose "foo" attribute has a hyphen-separated list of values beginning (from the left) with "en" (CSS 2)
来源：[http://www.w3.org/TR/selectors/]
扫一扫
901
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
