МЕНЬШЕ - побег
Описание
Он создает селекторы динамически и использует значение свойства или переменной как произвольную строку.
пример
В следующем примере демонстрируется использование экранирования в файле 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-файл в браузере, и вы увидите следующий результат.