less.css - 如何设置样式/转义方括号

时间:2013-03-19 16:13:52

标签: css escaping less

我有一个包含以下元素的网络应用程序(我没有创建):

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

是的,我知道这不是最理想的,但创建应用程序的人无法确信任何替代方案都是可能的。我想知道是否可以在less.css中设置这个元素的样式而不重构代码?

Muy的第一直觉是:

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

但这不起作用。我也试过了:

label[for=photo\[\]]

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

如何通过标签选择此元素以便在较少的样式中进行样式设计?

A JSFiddle example

2 个答案:

答案 0 :(得分:3)

我可能会忽略这一点,但您是否尝试过引用属性选择器?

<强>少

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

似乎正确应用了样式(fiddle)。

另一方面,Codepen是JSfiddle的一个很好的替代品,具有较少/ sass(甚至是HAML / Markdown)支持。我在这里做了一个示例代码:

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

答案 1 :(得分:0)

您可以使用Unicode转义:

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