MNIEJ - ucieczka
Opis
Buduje selektory dynamicznie i używa właściwości lub wartości zmiennej jako dowolnego ciągu.
Przykład
Poniższy przykład demonstruje użycie funkcji ucieczki w pliku 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>Teraz utwórz plik style.less .
bezszyjkowy
p {
color: ~"green";
}Możesz skompilować plik style.less do style.css za pomocą następującego polecenia -
lessc style.less style.cssWykonaj powyższe polecenie, automatycznie utworzy plik style.css z następującym kodem -
style.css
p {
color: green;
}Wszystko, co jest napisane wewnątrz ~ "jakiś_tekst", zostanie wyświetlone jako jakiś_tekst po skompilowaniu MNIEJ kodu do kodu CSS.
Wynik
Wykonajmy teraz następujące kroki, aby zobaczyć, jak działa powyższy kod -
Zapisz powyższy kod HTML w pliku escaping.html plik.
Otwórz ten plik HTML w przeglądarce, zostanie wyświetlony następujący wynik.
