К содержанию

Kuunganisha Vichaguzi katika LESS

Wakati mwingine tunahitaji, ili wakati wa kukusanya miundo iliyokaa ndani waandishi wa habari hawaunganishi kupitia nafasi, lakini kwa muunganiko. Kwa hili kabla ya jina la kichaguzi kilichokaa ndani ni muhimu kuweka ampersand:

styles.lessdiv {
  &.block {
    width: 300px;
  }
}

Kama matokeo baada ya kukusanya tutapata mfuatayo wa code:

styles.cssdiv.block {
  width: 300px;
}

Задание 1

Eleza, matokeo ya kukusanya yatakuwa nini ya code ifuatayo:

styles.less#block {
  &.xxx {
    width: 300px;
  }
}

Задание 2

Eleza, matokeo ya kukusanya yatakuwa nini ya code ifuatayo:

styles.less#block {
  .xxx {
    width: 300px;
  }
}

Задание 3

Eleza, matokeo ya kukusanya yatakuwa nini ya code ifuatayo:

styles.less#block {
  &.xxx {
    &.zzz {
      width: 300px;
    }
  }
}

Задание 4

Eleza, matokeo ya kukusanya yatakuwa nini ya code ifuatayo:

styles.less#block {
  &.xxx {
    .zzz {
      width: 300px;
    }
  }
}

Задание 5

Eleza, matokeo ya kukusanya yatakuwa nini ya code ifuatayo:

styles.less#block {
  .xxx {
    &.zzz {
      width: 300px;
    }
  }
}