MNIEJ - Zakres

Opis

Zakres zmiennej określa miejsce dostępnej zmiennej. Zmienne będą wyszukiwane z zakresu lokalnego, a jeśli nie są dostępne, kompilator wyszuka z zakresu nadrzędnego.

Przykład

Poniższy przykład demonstruje użycie przestrzeni nazw i metod dostępu w pliku LESS -

<html>
   <head>
      <title>Less Scope</title>
      <link rel = "stylesheet" type = "text/css" href = "style.css" />
   </head>
   
   <body>
      <h1>Example using Scope</h1>
      <p class = "myclass">LESS enables customizable, 
      manageable and reusable style sheet for web site.</p>
   </body>
</html>

Teraz utwórz plik style.less .

bezszyjkowy

@var: @a;
@a: 15px;

.myclass {
   font-size: @var;
   @a:20px;
   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

.myclass {
   font-size: 20px;
   color: green;
}

Wynik

Wykonaj następujące kroki, aby zobaczyć, jak działa powyższy kod -

  • Zapisz powyższy kod HTML w pliku scope.html plik.

  • Otwórz ten plik HTML w przeglądarce, zostanie wyświetlony następujący wynik.