Селектори по сродство при вложеност во 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;
    }
  }
}