web-dev-qa-db-fra.com

Sélecteur Immédiat pour Enfant dans MOINS

Est-il possible que LESS applique le sélecteur immédiat d'enfants (>) dans sa sortie?

Dans mon style.less, je veux écrire quelque chose comme:

.panel {
    ...
    > .control {
        ...
    }
}

et avoir MOINS générer quelque chose comme:

.panel > .control { ... }
108
Dave

MISE À JOUR

En fait, le code de la question initiale fonctionne bien. Vous pouvez simplement rester avec le > sélecteur d'enfants.


Trouvé la réponse.

.panel {
    ...
    >.control {
        ...
    }
}

Notez le manque d'espace entre ">" et ".", Sinon cela ne fonctionnera pas.

140
Dave

La voie officielle:

.panel {
  & > .control {
    ...
  }
}

& fait toujours référence au sélecteur actuel.

Voir http://lesscss.org/features/#features-overview-feature-nested-rules

77
Ricardo Tomasi

La syntaxe correcte serait la suivante tout en utilisant '&' serait redondant ici.

.panel{
   > .control{
   }
}

Selon moins de directives , '&' est utilisé pour paramétrer les ancêtres (mais ce n'est pas nécessaire ici). Dans ceci moins d'exemple , &: survol est essentiel pour : survol sinon cela provoquerait une erreur syntaxique. Cependant, il n’existe pas de telle exigence syntaxique pour utiliser '&' ici. Sinon, toutes les imbrications nécessiteraient '&' car elles font essentiellement référence au parent.

13
Shaurabh Bharti