In LESS, ist es möglich, den Inhalt eines Selektors in einen anderen zu importieren?

Question

Mein Ziel ist es, die content: '\e826'; von einer Symbolklasse in einen anderen Selektor zu importieren, falls sich die Inhaltseigenschaft in der Zukunft ändert.

.icon-hi:before {content: '\e826';} 

.panel { 
    background: white; 
    .panel-title { 
     &:before { 
      @include .icon-hi; 
      text-align: center; 
      width: 20px; 
      height: 20px; 
     } 
    } 
} 

Natürlich @import nicht dafür arbeiten, aber gibt es einen anderen Weg?

Answer 1

Zum Zweck einen Wert an einem Ort zu definieren, sollten Sie Variablen verwenden:

@icon-hi: '\e826'; 

.icon-hi:before {content: @icon-hi;} 

.panel { 
    background: white; 
    .panel-title { 
     &:before { 
      content: @icon-hi; 
      text-align: center; 
      width: 20px; 
      height: 20px; 
     } 
    } 
} 

Sie können tatsächlich ‚importieren einen Wähler in einer anderen‘. Das ist im Grunde was Mixins tun. Dies sind die ersten beiden Funktionen in der wenigen Dokumentation - http://lesscss.org/features/

Eine dritte Möglichkeit besteht darin, die erweitern Funktion nutzen zu können: http://lesscss.org/features/#extend-feature

Answer 2

Sie können, ist hier das Beispiel:

.icon-hi{ 
    &:before{ 
    content: '\e826'; 
    } 
} 

.panel { 
    background: white; 
    .panel-title { 
    .icon-hi; 
      &:before { 
       text-align: center; 
       width: 20px; 
       height: 20px; 
      } 
     } 
    } 

Sie haben zu definieren. icon-hi-Klasse und definieren Sie vorher mit Verschachtelung, damit der Preprocessor wissen kann, was zu holen ist.