Выбрать все дочерние элементы в SCSS (Sassy CSS)

Чтобы выбрать все дочерние элементы в SCSS (Sassy CSS), вы можете использовать родительский селектор &вместе с комбинатором >. Вот несколько методов, которые вы можете использовать:

  1. Использование селектора & >*:

    .parent {
     & > * {
       // Styles applied to all direct child elements
     }
    }
  2. Использование селектора & >:not([class^="some-prefix"])для исключения элементов с определенным префиксом класса:

    .parent {
     & > :not([class^="some-prefix"]) {
       // Styles applied to all direct child elements except those with a class that starts with "some-prefix"
     }
    }
  3. Использование селектора & >:not(:last-child)для исключения последнего дочернего элемента:

    .parent {
     & > :not(:last-child) {
       // Styles applied to all direct child elements except the last one
     }
    }
  4. Использование селектора & >*:nth-child(n)для выбора определенных дочерних элементов:

    .parent {
     & > *:nth-child(odd) {
       // Styles applied to odd-numbered child elements
     }
     & > *:nth-child(even) {
       // Styles applied to even-numbered child elements
     }
    }

Это всего лишь несколько примеров того, как можно выбирать дочерние элементы в SCSS. В зависимости от ваших конкретных требований вы можете соответствующим образом изменить эти селекторы.