Vichaguzi vya Ukoo katika Kukolezwa kwa LESS

Wacha tuangalie jinsi ya kuongeza aina mbalimbali za vichaguzi vinavyochagua vipengee kulingana na ukoo wakati wa kukolezwa kwa LESS. Angalia mifano.

Mfano

Kichaguzi cha mtoto:

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

Matokeo ya ukusanyaji:

styles.cssdiv > p {

}

Kichaguzi cha jirani:

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

Matokeo ya ukusanyaji:

styles.cssdiv + p {

}

Kichaguzi cha ndugu:

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

Matokeo ya ukusanyaji:

styles.cssdiv ~ p {

}

Задание 1

Elezea, matokeo ya ukusanyaji wa msimbo ufuatao yatakuwa nini:

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

Задание 2

Elezea, matokeo ya ukusanyaji wa msimbo ufuatao yatakuwa nini:

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