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  .block {  1    2      /* Hold parent selector */  3      @this: block;  4        5      /* Element */  6      &__elem {  7            8          width: 100%;  9        10          /* Element */  11          .@{this}__something {  12              background-color: #fff;  13          }   14            15          /* Modifier */  16          .@{this}--something {  17              background-color: #0ff;  18          }    19      }  20  } 

    // CSS CODE
       0  .block .block__elem {   1       width: 100%;   2   }   3      4   .block .block__elem .block__something {    5       background-color: #fff;   6   }   7      8   . block .block__elem .block--something  {    9       background-color: #0ff;   10   } 

      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