Kommaskeiding in LESS
Gestel ons het 'n funksie wat 'n blokskadu skep:
.shadow(@s) {
box-shadow: @s;
}
Gestel ons wil twee skaduwees by 'n blok voeg deur ons funksie twee keer te roep:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Ons sal egter niks bereik nie, want die
oproep van twee skaduwees sal net twee
box-shadow eienskappe byvoeg:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Maar ons wil hê die skaduwees moet
in een box-shadow eienskap bygevoeg word,
met 'n komma, so:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Om ons funksie op die beskryfde manier
te laat werk, moet die eienskapwaarde geskryf word na
die spesiale operateur +:, so:
.shadow(@s) {
box-shadow+: @s;
}
Maak 'n soortgelyke funksie vir die eienskap
text-shadow.
Maak 'n soortgelyke funksie vir die eienskap
background.
