MENO - Funzioni di controllo del tipo

Descrizione

È possibile utilizzare le funzioni integrate di controllo del tipo per determinare i tipi di valore per la corrispondenza dei mixin. Per fare ciò, puoi usare le funzioni is . Di seguito è riportato l'elenco delle funzioni disponibili:

  • iscolor
  • isnumber
  • isstring
  • iskeyword
  • isurl

Le funzioni sopra elencate riguardano il controllo del tipo di base. È possibile verificare se un valore è in un'unità specifica o meno utilizzando le seguenti funzioni:

  • ispixel
  • ispercentage
  • isem
  • isunit

Esempio

L'esempio seguente mostra l'uso delle funzioni di controllo del tipo nel file LESS:

<!doctype html>
   <head>
      <title>Type Checking Functions</title>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
   </head>

   <body>
      <h2>Example of Type Checking Functions</h2>
      <p class = "myclass">Hello World!!!Welcome to Tutorialspoint...</p>
   </body>
</html>

Quindi, crea il file style.less .

style.less

.mixin (@a; @b: red) when (iscolor(@b)){
   color:blue;
}

.mixin (@a) {
   font-size: @a;
}

.myclass { .mixin(20px) }

Puoi compilare style.less in style.css usando il seguente comando:

lessc style.less style.css

Ora esegui il comando precedente; creerà automaticamente il file style.css con il seguente codice:

style.css

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

Produzione

Segui questi passaggi per vedere come funziona il codice sopra:

  • Salva il codice html sopra nel file type_checking_functions.html file.

  • Apri questo file HTML in un browser, verrà visualizzato il seguente output.