Est-ce que LESS a une fonctionnalité "extend"?

Question

SASS a une fonctionnalité appelée @extend qui permet à un sélecteur d'hériter des propriétés d'un autre sélecteur, mais sans copier les propriétés (comme les mixins).

Est-ce que MOINS possède également cette fonctionnalité?

Answer 1

Oui, Less.js introduite extend dans v1.4.0.

:extend()

Plutôt que la mise en œuvre de la règle (@extend) syntaxe utilisée par SASS et d'un Stylet, MOINS mis en œuvre la pseudo-classe de la syntaxe, ce qui donne MOINS de la mise en œuvre de la flexibilité nécessaire pour être appliquée directement à un sélecteur de lui-même, ou à l'intérieur d'un énoncé. Donc, à la fois de ces travaux:

.sidenav:extend(.nav) {...}

ou

.sidenav {
    &:extend(.nav);
    ...
}

En outre, vous pouvez utiliser l' all directive pour étendre "imbriqués" classes ainsi:

.sidenav:extend(.nav all);

Et vous pouvez ajouter une liste séparée par des virgules de cours que vous souhaitez prolonger:

.global-nav {
    &:extend(.navbar, .nav all, .navbar-fixed-top all, .navbar-inverse);
    height: 70px;
}