如何使用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

您必须转义特殊字符 - 请参阅Link

  

以下字符在CSS中具有特殊含义：！，“，＃，$，％，＆amp;，'，（，），*，+ ,,, - ，。，/，：,;，＆lt; ，=，＆gt;，？，@，[，\，]，^，`，{，|，}和〜。

     

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

     

第二种选择更优雅：只需使用反斜杠

转义字符

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

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

Answer 2

您可以使用反斜杠

转义css中的字符

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

但是，如果可能的话，开发人员应该更改id选择器，以使代码更清晰。