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:

styles.scssdiv {
  > p {
    color: red;
  }
}

Matokeo ya kukusanywa:

styles.cssdiv > p {
  color: red;
}

Kichaguzi cha jirani:

styles.scssdiv {
  + p {
    color: red;
  }
}

Matokeo ya kukusanywa:

styles.cssdiv + p {
  color: red; 
}

Kichaguzi cha ndugu:

styles.scssdiv {
  ~ p {
    color: red;
  }
}

Matokeo ya kukusanywa:

styles.cssdiv ~ p {
  color: red;
}

Задание 1

Eleza, matokeo ya kukusanywa ya mfuatayo yatakuwa nini:

styles.scssul {
  color: red;
  
  > li {
    padding: 20px;
  }
}

Задание 2

Eleza, matokeo ya kukusanywa ya mfuatayo yatakuwa nini:

styles.scssdiv {
  ul {
    > li {
      padding: 20px;
    }
  }
}