LESS und Nesting ... Wer kennt sich aus?

Hallo zusammen,

das folgende hat nicht direkt etwas mit Wordpress zu tun. Es geht um folgendes:

Ich habe mehrere CSS-Dateien. (z.B. Bootstrap, Font-Awesome, ...)
Ich möchte, dass das ganze CSS nur für ein DIV greift. Das CSS soll also nicht auf die ganze Seite angewendet werden, sondern nur auf ein DIV.

Jetzt habe ich gelesen, dass ich zur Lösung dieser Geschichte idealerweise "LESS" verwenden kann.
Ich habe nun meine ersten Gehversuche mit LESS hinter mir.

Ich verwende "less.php" zur dynamischen Umwandlung der .less-Dateien zu CSS.
Die Ausgangsdateien liegen also direkt als .less vor.

Meine Haut-LESS-Datei sieht so aus:

// Bootstrap CSS
@import "bootstrap/bootstrap.less";




// Font-Awesome
@import "font-awesome/font-awesome.less";




// Eigenes CSS
@import "mystyles/style.less";

Das funktioniert soweit alles.
Jetzt will ich, dass diese CSS-Dateien nur auf ein DIV greifen.
Meinen Informationen zufolge sollte der Code dazu folgendermaßen aussehen:

#MeinDIV {
    
  // Bootstrap CSS
  @import "bootstrap/bootstrap.less";
  
  // Font-Awesome
  @import "font-awesome/font-awesome.less";
  
  // Eigenes CSS
  @import "mystyles/style.less";
  
}

Dies funktioniert nicht. Wenn ich es aufrufe, dann bekomme ich diesen Fehler:

Zitat

Fatal error: Call to a member function compile() on a non-object in ...blabla...\inc\less\Less.php on line 6263

Weiß jemand wie das geht?

Danke

Hallo,

wie gesagt funktioniert es.
http://leafo.net/lessphp/ hat Probleme mit dem Bootstrap LESS. Dieses funktioniert: http://lessphp.gpeasy.com/

In diesem DIV läuft ein komplettes Programm. Die erzeugte CSS-Datei hat 100kb.

Man könnte jetzt noch viel schreiben wie, wo, was, warum ... das einzige was mich interessiert ist aber eine Antwort auf die Anfrage in meinem ersten Beitrag...