LESS Elternteil ansprechen

Letzte Aktualisierung : |  

SASS oder auch LESS sind Präprozessoren und ermöglichen Dir jede Menge Features, wie kompilieren Deines CSS, so dass Du am ende minimiertes CSS hast. Aber wir haben hier viel mehr Möglichkeiten als nur den Code zu kompilieren, wir können in OOCSS schreiben also Objekt Orientiert in CSS. Wenn Du in anderen Sprachen bereits OOP nutzt wirst Du es hier auch Mögen und sobald Du Dich daran gewöhnt hast, vielleicht auch CSS vergessen :)

Natürlich funktioniert dies auch in LESS mit den Möglichkeiten die LESS uns bietet und erfüllt sein zweck. Wir legen hier auch eine Variable an und übergeben den Klassennamen.

@mbt-cookie: .mbt-cookie;

In LESS wirst Du nicht so viele Beispiele wie bei SASS finden da das Elternteil dort mehr verbreitet ist als wie in LESS. Jedoch kann LESS eigentlich alles was auch SASS kann, wenn Dir ein guter unterschied bekannt ist ergänze gerne mit Deinem Kommentar.


// LESS CODE
     0  .mbt-cookie {   1      @mbt-cookie: .mbt-cookie;  2        3      &__blockelement1 {  4    5          width: 30%;  6    7          @{mbt-cookie}__blockelement2 {  8            9              width: 90%;  10          }  11      }  12  } 

    // CSS CODE
       0  .mbt-cookie .mbt-cookie__blockelement1 {   1      width: 30%;  2  }  3    4  .mbt-cookie .mbt-cookie__blockelement1 .mbt-cookie__blockelement2  {   5      width: 90%;  6  } 

      Jetzt haben wir genau das selbe umgesetzt wie in SASS und können unser Elternteil so oft wir wollen ansprechen.

       LESS Elternteil

      Und wenn Du jetzt denkst toll ich benutzte lieber SASS, daher stammt diese Idee und da gibt es diese Möglichkeit auch, zwar etwas anders aber fast das Selbe Prinzip, deshalb schau hier einmal vorbei:  SASS Elternteil ansprechen

      Dein Kommentar

      * Diese Felder sind erforderlich, E-Mails werden nicht veröffentlicht
      Du kannst diese Tags verwenden: <p>, <em>, <strong>, <u>, <s>, <pre>, <blockquote>
      ?

      Dieses Feld ist optional
      Fülle dieses Feld aus und verbinde Dein Namen mit Deiner Website.

      Die in dieses Kontaktformular eingegebenen Daten werden in unserem System gespeichert, um die Ausgabe des Kommentars sicherzustellen. Ihre E-Mail-Adresse wird gespeichert, um die Anzahl der Kommentare und die zukünftige Registrierung zu bestimmen

      Ich habe gelesen die Datenschutzbestimmungen und Nutzungsbedingungen. Ich bestätige die Übermittlung des Formulars und die Übermittlung meiner Daten.
      tnado SEO & AMP CMS © 2019 | Alle Rechte Vorbehalten
      Created with tnado SEO CMS