К содержанию

Kuunganisha Vichaguzi katika SASS

Wakati mwingine tunahitaji, ili wakati wa kukusanywa kwa miundo iliyokolezwa waunganishwe sio kupitia nafasi, lakini kwa umoja. Kwa hili kabla ya jina la kichaguzi kilichokolezwa ni muhimu kuweka alama ya ampersand:

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

Kama matokeo baada ya kukusanywa tutapata mfuatayo wa kificho:

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

Задание 1

Eleza, matokeo ya kukusanywa ya mfuatayo wa kificho yatakuwa nini:

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

Задание 2

Eleza, matokeo ya kukusanywa ya mfuatayo wa kificho yatakuwa nini:

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

Задание 3

Eleza, matokeo ya kukusanywa ya mfuatayo wa kificho yatakuwa nini:

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

Задание 4

Eleza, matokeo ya kukusanywa ya mfuatayo wa kificho yatakuwa nini:

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

Задание 5

Eleza, matokeo ya kukusanywa ya mfuatayo wa kificho yatakuwa nini:

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