Он динамически создает селекторы и использует значение свойства или переменной в качестве произвольной строки.
пример
В следующем примере демонстрируется использование экранирования в файле LESS —
<html> <head> <title>Less Escaping</title> <link rel = "stylesheet" type = "text/css" href = "style.css" /> </head> <body> <h1>Example using Escaping</h1> <p>LESS enables customizable, manageable and reusable style sheet for web site.</p> </body> </html>
Теперь создайте файл style.less .
style.less
p { color: ~"green"; }
Вы можете скомпилировать файл style.less в style.css , используя следующую команду —
lessc style.less style.css
Выполните приведенную выше команду, она автоматически создаст файл style.css со следующим кодом —
style.css
p { color: green; }
Все, что написано внутри ~ «some_text», будет отображаться как some_text после компиляции кода LESS в код CSS.
Выход
Давайте теперь выполним следующие шаги, чтобы увидеть, как работает приведенный выше код:
Сохраните приведенный выше HTML-код в файле escaping.html .
Откройте этот HTML-файл в браузере, отобразится следующий вывод.