Vichaguzi vya Ukoo katika Uingizwaji wa SASS
Wacha tuangalie jinsi ya kuongeza aina mbalimbali za vichaguzi vinavyochagua vipengee kulingana na ukoo wakati wa uingizwaji wa SASS. Angalia mifano.
Mfano
Kichaguzi cha mtoto:
div {
> p {
color: red;
}
}
Matokeo ya kukusanywa:
div > p {
color: red;
}
Mfano
Kichaguzi cha jirani:
div {
+ p {
color: red;
}
}
Matokeo ya kukusanywa:
div + p {
color: red;
}
Mfano
Kichaguzi cha ndugu:
div {
~ p {
color: red;
}
}
Matokeo ya kukusanywa:
div ~ p {
color: red;
}
Kazi za Vitendo
Eleza, matokeo ya kukusanywa ya mfuatayo yatakuwa nini:
ul {
color: red;
> li {
padding: 20px;
}
}
Eleza, matokeo ya kukusanywa ya mfuatayo yatakuwa nini:
div {
ul {
> li {
padding: 20px;
}
}
}
