К содержанию

Поврзување на селектори во LESS

Понекогаш ни треба, при компајлирање на вгнездени конструкции, тие да се поврзани не со празно место, туку цврсто. За ова, пред името на вгнездениот селектор неопходно е да се стави амперсанд:

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

Како резултат, после компајлирање ќе добиеме следниов код:

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

Задание 1

Кажете, каков ќе биде резултатот од компајлирање на следниов код:

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

Задание 2

Кажете, каков ќе биде резултатот од компајлирање на следниов код:

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

Задание 3

Кажете, каков ќе биде резултатот од компајлирање на следниов код:

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

Задание 4

Кажете, каков ќе биде резултатот од компајлирање на следниов код:

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

Задание 5

Кажете, каков ќе биде резултатот од компајлирање на следниов код:

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