LESS 中 CSS 选择器的转义语法

Question

转义 CSS properties 的波浪号 (~) 和引号方法似乎可以正常工作，但是如果我希望 CSS 选择器包含数字（或我希望 LESS 包含的任何其他内容）该怎么办忽略），例如

~"#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%;
    }