LESS-da saýlawçylaryň içindäki üýtgeýänler
Üýtgeýänleri saýlawçylaryň içinde hem ulanyp bolýar.
Emma bunuň üçin üýtgeýäni goýmagyň
başga bir sintaksisinden peýdalanylmagy gerek:
@ nyşanyndan soň üýtgeýäniň ady
ýaýly möýňür içine alynmaly. Mysallara seredeliň.
Bizde aşakdaky ýaly üýtgeýän bardyr:
@var: div;
Geliň bu üýtgeýäni saýlawçyň içine goýalyň. Dürli ýagdaýlary gözden geçireýliň.
Mysal
Üýtgeýänimizi saýlawçy hökmünde goýalyň:
@{var} {
font-size: 20px;
}
Kompilirleme netijesi:
div {
font-size: 20px;
}
Mysal
Indi üýtgeýänimiz saýlawçynyň bir bölegini öz içine alsyn:
main @{var} {
font-size: 20px;
}
Kompilirleme netijesi:
main div {
font-size: 20px;
}
Mysal
Indi bizde üýtgeýändä tegiň ady däl,
eýsem onuň id-si bardyr diýeliň.
Üýtgeýäniň adyndan öň reşetka goýalyň:
#@{var} {
font-size: 20px;
}
Kompilirleme netijesi:
#div {
font-size: 20px;
}
Mysal
Indi bizde üýtgeýändä tegiň ady däl, eýsem onuň klassy bardyr diýeliň. Üýtgeýäniň adyndan öň nokat goýalyň:
.@{var} {
font-size: 20px;
}
Kompilirleme netijesi:
.div {
font-size: 20px;
}
Amaly meseleler
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: ul;
@{var} {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: ul;
div @{var} {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: ul;
div @{var} {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: ul;
@{var} li {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: list;
.@{var} {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: list;
#@{var} li {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: list;
.@{var} li {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: list;
ul.@{var} li {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: list;
ul.@{var} li {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: .block;
ul@{var} {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: .block;
ul@{var} li {
font-size: 20px;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var: a;
@{var}:hover {
text-decoration: none;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var1: div;
@var2: a;
@{var1} @{var2}:hover {
text-decoration: none;
}
Aşakdaky kodyň kompilirleme netijesi näme bolar, düşündiriň:
@var1: block1;
@var2: block2;
.@{var1}.@{var2} {
font-size: 20px;
}
