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 ]