在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

Answer 2

是的，有：

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

  

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

     

[att $ = val] 代表一个元素   使用att属性，其值以后缀“val”结尾。如果   “val”是空字符串，然后选择器不代表   任何东西。

     

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

Answer 3

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

在你的情况下，你正在寻找E [foo $ =＆＃34; bar＆＃34;]

这匹配一个E元素，其中＆＃34; foo＆＃34;属性值完全以字符串＆＃34; bar＆＃34;

结束