Less CSS haqida suxbatlashamiz.
Fayl turi .less bu ham huddi css kabi ammo qulayliklari unga qaraganda ko'proq.

Sayti: http://lesscss.org

LESS - Alexis Sellier tomonidan ishlab chiqilgan dinamik uslubdir. U Sass uslubi tilining ta'siri ostida yaratilgan va o'z navbatida CSS-ning kengaytmasi bo'lgan sintaksisini ishlatgan "SCSS" ning yangi sintaksisiga ta'sir qilgan

Less CSS CSSdan ancga farq qiladi.

Lessda kod terish strukturasi asosan HTML strukturasiga o'xshaydi.

CSSda yasalgan styleda 10000tacha simvol ishlatilsa huddi shu style lessda 7-8ming simvolgacha qisqaradi.

Less hatto matematikani ham tushunadi.
Unda color px larni + - * / mumkun.

Less boshqa koplab imkonyatlarga ega. Man ozroq malumot berib o'tdim halos
6 daqiqa 34 soniyadan keyin yozdi:
Less CSSni birgalikda o'rganamiz degan umiddaman.

Lessni o'rganishni maslahat beraman. Chunki web dasturlashda CSSdan foydalangandan Lessda foydalangan ancha qulay.

Yaxshi narsaga o'xshayabdi. O'zgaruvchilarni ishlatar ekanmiz phpdek.

sass ham bor lessga o'xshagan undan ancha qulayroq
1 daqiqa 34 soniyadan keyin yozdi:
kimda savol bo'lsa less sass haqida qo;ldan kelgancha yordam beraman

developer, # developer (14.11.2018 / 21:08)
sass ham bor lessga o'xshagan undan ancha qulayroq
1 daqiqa 34 soniyadan keyin yozdi:
kimda savol bo'lsa less sass haqida qo;ldan kelgancha yordam beramanBirorta less cssg kodga namuna keltiraolasizmi?

mr_nokia02, <style>
@width: 10px;
@height: @width + 10px;

.header {
background-color: black;
width: @width;
height: @height;
}
</style>

<fiv class="header">Bu header classi</div>


Buni .html fayliga yozasiz

CHEfan, # CHEfan (18.11.2018 / 14:15)
mr_nokia02, <style>
@width: 10px;
@height: @width + 10px;

.header {
background-color: black;
width: @width;
height: @height;
}
</style>

<fiv class="header">Bu header classi</div>

<fiv class... ?
Div deb yozmoqchi bölib xato ketib qoldimi yoki fiv böladimi?

Qanday yuklab olsa bo'ladi?

ATOYAT, Xato ketib qobdi. Uzr.

CHEfan, Oʻrnatish shart emasmi?

Shoxruh8143, HTML sahifaga css ni ulagan dek ulaysiz. Ammo uni ishlatish uchun pragramma ustanovka qib yurmaysiz.

Shoxruh8143, # Shoxruh8143 (09.03.2019 / 22:27)
CHEfan, Oʻrnatish shart emasmi?Bu yerda faqat .less holos, u aslida .css

CryptedSM, Brauzer buni oʻqiydimi?

Shoxruh8143, # Shoxruh8143 (10.03.2019 / 07:37)
CryptedSM, Brauzer buni oʻqiydimi?Yandexdan sorab koring, qaysi brauzerlar less tehnologiyani qollaydi deb.U ham huddi css kabi ulanadi.

CryptedSM, Uzr, savolni notoʻgʻri beribman. LESSʼni qanday qilib, CSSʼga kompilatsiya qilsam boʻladi?

Shoxruh8143, # Shoxruh8143 (10.03.2019 / 07:58)
CryptedSM, Uzr, savolni notoʻgʻri beribman. LESSʼni qanday qilib, CSSʼga kompilatsiya qilsam boʻladi?Qanaqa kompilyatsiya?
Bu LESS:

BU Classic CSS:

Lessga js foydalanish:

@color-base:#2d5e8b;

.class1{background-color:@color-base;

.class2{background-color:#fff;

color:@color-base;

}

}

.class1{background-color:#2d5e8b;

}

.class1.class2{background-color:#fff;

color:#2d5e8b;

}

<link rel="stylesheet/less"type="text/css"href="main.less"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js"></script>

CryptedSM, # CryptedSM (10.03.2019 / 08:08)
Shoxruh8143, Qanaqa kompilyatsiya?
Bu LESS:

@color-base:#2d5e8b;
.class1{background-color:@color-base;
.class2{background-color:#fff;
color:@color-base;
}
}
BU Classic CSS:

.class1{backgrBilmasdan gapirmasez yaxshi bo'lardi oka

Siz ko'rsatgan metod eng xato metod hisoblanadi.

LESS ni CSS ga kompilatsiya qilish uchun variantlar ko'p, eng yaxshidan eng yomon metodga qarab tushib boramiz.

1) Zborshiklar yordamida ( webpack , grunt , gulp )
2) Programma orqali ( Koala , Prepros )
3) Terminal orqali
4) Brauzerga less.js ulash