css - 使用 ^ 登录 css

Question

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

input[id^=start_of_name]

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

Answer 1

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

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

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

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