0

最近有人教了我一个有用的东西:在 css 中你可以写如下:

input[id^=start_of_name]

这将允许您选择 ID 以“start_of_name”开头的所有输入。你能做同样的事情来选择名字的结尾吗?中间?

4

3 回答 3

4

[att^=val] 表示具有 att 属性的元素,其值以前缀“val”开头。如果 "val" 是空字符串,则选择器不代表任何内容。

[att$=val] 表示具有 att 属性的元素,其值以后缀“val”结尾。如果 "val" 是空字符串,则选择器不代表任何内容。

[att*=val] 表示具有 att 属性的元素,其值包含至少一个子字符串“val”的实例。如果 "val" 是空字符串,则选择器不代表任何内容。

来源:http ://www.w3.org/TR/css3-selectors/#attribute-substrings

于 2012-06-18T19:58:55.527 回答
3

是的,有:

http://www.w3.org/TR/css3-selectors/#attribute-substrings

[att^=val]表示具有 att 属性的元素,其值以前缀“val”开头。如果 "val" 是空字符串,则选择器不代表任何内容。

[att$=val]表示具有 att 属性的元素,其值以后缀“val”结尾。如果 "val" 是空字符串,则选择器不代表任何内容。

[att*=val]表示具有 att 属性的元素,其值包含至少一个子字符串“val”的实例。如果 "val" 是空字符串,则选择器不代表任何内容。

于 2012-06-18T19:59:09.897 回答
1

这是 CSS3 选择器的完整列表:http: //www.w3.org/TR/selectors/#selectors

在您的情况下,您正在寻找 E[foo$="bar"]

这匹配一个 E 元素,其 "foo" 属性值正好以字符串 "bar" 结尾

于 2012-06-18T19:58:59.410 回答