less.css - 如何风格/逃脱方括号

Question

我有一个web应用程序（我没有创建），它包括以下元素：

<label for="photo[]"></label> 

是的，我知道这是最理想的，但人创建该应用程序不能说服任何替代品是可能的。我想知道是否可以在less.css中设置此元素而不重构代码？

MUY的第一反应是：

label[for=photo\\[\\]] 

但这不起作用。我也试过：

label[for=photo\[\]] 

和

label[for=photo\\\[\\\]] 

我怎样才能少选择此元素，通过它的标签，对造型？

A JSFiddle example。

Answer 1

我可能会错过这一点，但你有没有尝试过引用属性选择器？

少

label[for="photo[]"] { 
    background-color: red; 
    width: 100px; 
    height: 100px; 
    display: block; 
} 

似乎已妥当（fiddle）应用的样式。

在附注中，Codepen是JSfiddle支持less/sass（甚至是HAML/Markdown）的绝佳替代方案。我做了一个例子这里codepen：

http://codepen.io/NickTomlin/pen/gakci

Answer 2

你可以使用Unicode转义：

label[for=photo\5B \5D ]