Выход из синтаксиса для селекторов CSS в LESS

Question

Метод тильды (~) и кавычки для экранирования CSS properties , кажется, работает нормально, однако что мне делать, если я хочу, чтобы селектор CSS содержал число (или что-либо еще, что я хочу, чтобы LESS игнорировал)), например

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

Это просто дает мне синтаксическую ошибку.Есть идеи?

Обновление:

Получается, начиная с идентификатора CSS (имена элементов, классы, идентификаторы в селекторах) с цифрой или дефисом с последующимпо цифре не допускается.Смотрите этот вопрос:

Какие символы допустимы в именах / селекторах классов CSS?

Answer 1

Селекторы классов, начинающиеся с чисел, не проверяются как стандартные CSS, как упоминалось в вашем редактировании. Тем не менее, я не уверен, как LESS обрабатывает недействительные селекторы, но вы можете либо:

• Измените свой класс на действительный, который, скажем, начинается с буквы; или

• Если вам нужно сохранить начальную цифру, используйте любой из этих хаков, чтобы сделать ее «действительной»:

  • Использовать селектор атрибута:

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

  • Выход из цифры с обратной косой чертой:

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