MENOS - Escapando
Descrição
Ele cria seletores dinamicamente e usa a propriedade ou o valor da variável como string arbitrária.
Exemplo
O exemplo a seguir demonstra o uso de escape no arquivo 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>
Agora crie o arquivo style.less .
style.less
p {
color: ~"green";
}
Você pode compilar o arquivo style.less para style.css usando o seguinte comando -
lessc style.less style.css
Execute o comando acima, ele criará o arquivo style.css automaticamente com o seguinte código -
style.css
p {
color: green;
}
Qualquer coisa escrita dentro de ~ "some_text" será exibida como some_text após compilar o código LESS para o código CSS.
Resultado
Vamos agora realizar as seguintes etapas para ver como o código acima funciona -
Salve o código html acima no escaping.html Arquivo.
Abra este arquivo HTML em um navegador, a seguinte saída será exibida.