在LESS中转义CSS选择器的语法

Question

转义CSS 属性的波浪号（〜）和引用方法似乎工作正常，但是如果我想让CSS选择器包含一个数字（或者我想要的任何其他内容），我该怎么办？忽略），例如

~"#content ul.2col" {
    float: left;
    width: 45%;
}

这只是给我一个语法错误。有什么想法吗？

更新

事实证明，不允许使用数字或连字符后跟数字启动CSS标识符（元素名称，类，选择器中的ID ..）。看到这个问题：

Which characters are valid in CSS class names/selectors?

Answer 1

以数字开头的类选择器不会像编辑中提到的那样验证为标准CSS。但是，我不确定LESS如何处理无效选择器，但您可以：

• 将您的课程更改为有效的课程，例如，以字母开头;或

• 如果您必须保留初始数字，请使用其中一个黑客使其“有效”：

  • 使用属性选择器：

    #content ul[class~="2col"] {
        float: left;
        width: 45%;
    }
    

  • 使用反斜杠转义数字：

    #content ul.\2col {
        float: left;
        width: 45%;
    }