⊗mkLsBsVIS 13 of 41 menu

Тағйирёбандаҳо дар дохили интихобкунандаҳо дар LESS

Тағйирёбандаҳоро метавон дар дохили интиххобкунандаҳо истифода бурд. Барои ин, аммо, бояд синтаксиси каме дигари гузоштани тағйирёбандаро истифода бурд: пас аз @ номи тағйирёбанда бояд дар қафаси каҷӣ гирифта шавад. Биёед дар мисолҳо назар кунем. Бигзор мо тағйирёбандаи зеринро дошта бошем:

@var: div;

Биёед ин тағйирёбандаро дар интихобкунанда гузорем. Вазияҳои гуногунро дида мебароем.

Мисол

Тағйирёбандаи худро ба унвони интихобкунанда мегузорем:

@{var} { font-size: 20px; }

Натиҷаи компилятсия:

div { font-size: 20px; }

Мисол

Акнун тағйирёбандаи мо қисми интихобкунандаро дар бар гирад:

main @{var} { font-size: 20px; }

Натиҷаи компилятсия:

main div { font-size: 20px; }

Мисол

Акнун мегӯем, ки дар тағйирёбандаи мо номи тег нест, балки id-и он мавҷуд аст. Пеш аз номи тағйирёбанда аломати # мегузорем:

#@{var} { font-size: 20px; }

Натиҷаи компилятсия:

#div { font-size: 20px; }

Мисол

Акнун мегӯем, ки дар тағйирёбандаи мо номи тег нест, балки синфи он мавҷуд аст. Пеш аз номи тағйирёбанда нуқта мегузорем:

.@{var} { font-size: 20px; }

Натиҷаи компилятсия:

.div { font-size: 20px; }

Масъалаҳои амалӣ

Натиҷаи компилятсияи коди зерин чист:

@var: ul; @{var} { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: ul; div @{var} { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: ul; div @{var} { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: ul; @{var} li { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: list; .@{var} { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: list; #@{var} li { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: list; .@{var} li { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: list; ul.@{var} li { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: list; ul.@{var} li { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: .block; ul@{var} { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: .block; ul@{var} li { font-size: 20px; }

Натиҷаи компилятсияи коди зерин чист:

@var: a; @{var}:hover { text-decoration: none; }

Натиҷаи компилятсияи коди зерин чист:

@var1: div; @var2: a; @{var1} @{var2}:hover { text-decoration: none; }

Натиҷаи компилятсияи коди зерин чист:

@var1: block1; @var2: block2; .@{var1}.@{var2} { font-size: 20px; }
Тоҷикӣ
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мо барои коркарди сомона, таҳлил ва шахсӣ кардан аз cookie истифода мебарем. Коркарди маълумот мувофиқи Сиёсати махфият сурат мегирад.
ҳамаро қабул кардан танзим кардан рад кардан