Интихобкунандагон аз рӯи наздикӣ дар фарорудии LESS
Биёед баррасӣ кунем, ки чӣ тавр дар LESS ҳангоми фарорӯӣ илова кардани интихобкунандагони гуногун, ки унсурҳоро аз рӯи наздикӣ интихоб мекунанд. Намунаҳоро бубинед.
Намуна
Интихобкунандаи фарзанд:
styles.lessdiv {
> p {
color: red;
}
}
Натиҷаи компилятсия:
styles.cssdiv > p {
}
Намуна
Интихобкунандаи ҳамсоя
styles.lessdiv {
+ p {
color: red;
}
}
Натиҷаи компилятсия:
styles.cssdiv + p {
}
Намуна
Интихобкунандаи наздик:
styles.lessdiv {
~ p {
color: red;
}
}
Натиҷаи компилятсия:
styles.cssdiv ~ p {
}
Вазифаҳои амалӣ
Задание 1
Ба мо нақл кунед, ки натиҷаи компилятсияи коди зерин чӣ хоҳад буд:
styles.lessul {
color: red;
> li {
padding: 20px;
}
}
Задание 2
Ба мо нақл кунед, ки натиҷаи компилятсияи коди зерин чӣ хоҳад буд:
styles.lessdiv {
ul {
> li {
padding: 20px;
}
}
}