Pemilih Berdasarkan Kekeluargaan dalam Penyarangan LESS
Mari kita lihat bagaimana dalam LESS, apabila disarangkan, untuk menambah pelbagai pemilih yang memilih elemen berdasarkan kekeluargaan. Lihat contoh-contohnya.
Contoh
Pemilih anak:
div {
> p {
color: red;
}
}
Hasil pengkompilasian:
div > p {
}
Contoh
Pemilih bersebelahan
div {
+ p {
color: red;
}
}
Hasil pengkompilasian:
div + p {
}
Contoh
Pemilih kekeluargaan (adik-beradik):
div {
~ p {
color: red;
}
}
Hasil pengkompilasian:
div ~ p {
}
Tugas Praktikal
Terangkan, apakah hasil pengkompilasian kod berikut:
ul {
color: red;
> li {
padding: 20px;
}
}
Terangkan, apakah hasil pengkompilasian kod berikut:
div {
ul {
> li {
padding: 20px;
}
}
}
