Mezclar menos
El significado de
mezclar : mezclar es la forma de introducir una serie de atributos de un conjunto de reglas a otro. En
general, un conjunto de reglas se refiere a un conjunto de códigos, un conjunto de códigos que definen ciertas reglas, como un conjunto de códigos que definen estilos. Es un conjunto de reglas. Por
ejemplo
, el estilo interior es un conjunto de reglas.
Mezclar significa aplicar un conjunto de reglas a otro elemento.
Categorías mixtas:
普通混合
不带输出的混合
带参数的混合
带参数并且有默认值的混合
带多个参数的混合
命名参数
匹配模式
arguments变量
Mezcla normal
Es decir, escriba directamente un selector que no afecte a los elementos en el html, y luego escriba el conjunto de reglas en el cuerpo del código, y luego deje que otros conjuntos de reglas llamen directamente
Este método causa menos cuando la compilación del css no se va a compilar en el selector de css #diaoyong
también se traduce en un
Mezclar sin salida
Agregar después del selector ()
no se compilará en `` css```
Hora de la llamada más sin ()
todo bien
Mezclado con parámetros
Los parámetros son variables, por lo que también podemos establecer parámetros formales y pasarle parámetros reales, como una función, pero tenga en cuenta que esto es un híbrido, no una función
Definir el valor del atributo que el parámetro formal se @a
establece en background-color
, que es igual a background-color
un conjunto de reglas con un valor de la variable en este momento , y luego pasar el parámetro al llamar al cambio de background-color
valor
Mezclado con parámetros y valores predeterminados
El método 形参变量:值
para establecer el valor predeterminado: después de establecer el valor predeterminado, cuando no se pasa ningún valor al parámetro formal, el valor de estas variables se establece automáticamente en el valor predeterminado
Tenga en cuenta que solo los parámetros con valores predeterminados no están obligados a declararse entre paréntesis al invocar, pero los parámetros sin valores predeterminados no se declaran. Al invocar, si no hay una declaración entre paréntesis, se informará un error
Mezclar con múltiples parámetros
De esta forma, una mezcla de múltiples parámetros
Parámetros nombrados
Cuando nuestra mezcla tiene múltiples parámetros formales, podemos copiar los parámetros específicos que no tienen un valor por defecto o que necesitan cambiar el valor por defecto,
especificar el nombre de la variable al llamar y asignarle un valor.
Es posible modificar solo los valores predeterminados de algunas variables específicas en los parámetros formales
Modo partido
Esta mezcla es similar a la sobrecarga de funciones. Escribimos múltiples mezclas con el mismo nombre y el mismo parámetro, pero nuestras funciones son diferentes. Podemos agregar un carácter delante de cada parámetro con el mismo nombre que su identificador. Diferente de otras mezclas del mismo nombre
Si añadimos una al frente de una mezcla con el mismo nombre, @_
se convertirá en una mezcla de llamada automática, es decir, cuando llamemos a otras mezclas con el mismo nombre, el sistema llamará automáticamente a esta mezcla al mismo tiempo.
Invocar un método de una mezcla del mismo nombre:
cuando llamamos a una de las mezclas, podemos agregar un indicador específico de la mezcla del mismo nombre delante de la lista de parámetros real para decirle al sistema qué mezcla del mismo nombre queremos llamar
即匹配哪个同名混合,(匹配模式)
Aquí también llamará automáticamente a la @_
mezcla agregada del mismo nombre, la primera línea es para introducir otros archivos menos
Introduce otros archivos less en less
Es decir, podemos escribir código complejo y versátil en un archivo less, y luego llamar a otros archivos para pasar el valor, similar al encapsulado.Antes de
llamar a la mezcla en otro less, necesitamos poner la sintaxis de declaración antes de la llamada
:
@import "路径"
De esta manera, puede usar directamente el contenido de otros archivos less en un archivo less
variable argumentos
Se usa para simplificar la llamada de parámetros formales en la mezcla. Es de
mal gusto, que es similar a la matriz oculta en js
Escribimos, es decir, mezclamos dentro de @arguments
él @arguments
un valor igual al valor del parámetro de todos, como se muestra a continuación, @arguments
el valor 1px solid black
se puede escribir una pluralidad de @arguments
cada uno de @arguments
los valores son iguales, todos los valores de los parámetros son los
menos cálculo
En menos, puede sumar, restar, multiplicar y dividir. Por ejemplo 100 + 100px
, en menos, los dos lados de la operación solo pueden sumar una unidad. Al calcular, es mejor agregar un espacio entre el valor y el símbolo de la operación, de lo contrario puede cometer errores.