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.css

Wykonaj 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.