如何使用css定位id ="last_name [] _ field"

Question

我正在使用wordpress的插件,开发人员使用名称中的[]字符创建了ID.

我无法找出如何用css来定位它们...

<p id="shipping_city[]_field">stuff</p>

所以我试试

#shipping_city[]_field {font-size:24px;}

或者什么......没有运气.

有没有人遇到过这种类型的东西？

我不想更改开发人员html,因为这是一个表单条目,我认为[]有用...

Answer 1

你必须转义特殊字符 - 请参阅链接

以下字符在CSS中具有特殊含义:!,",#,$,%,&,',(,),*,+ ,,, - ,.,/,:,;,<,=,>, ？,@,[,\,],^,`,{,|,}和〜.

如果要使用它们,有两种选择.要么使用Unicode代码点 - 例如,加号(+)是U + 002B,所以如果你想在CSS选择器中使用它,你可以将它转义为\ 2b(注意末尾的空格字符) )或\ 00002b(使用正好六个十六进制数字).

第二个选项更优雅:只需使用反斜杠转义字符即可

#shipping_city\[\]_field {
  font-size: 24px;
  color: red;
}

<p id="shipping_city[]_field">stuff</p>