Чтобы выбрать все дочерние элементы в SCSS (Sassy CSS), вы можете использовать родительский селектор &вместе с комбинатором >. Вот несколько методов, которые вы можете использовать:
-
Использование селектора
& >*:.parent { & > * { // Styles applied to all direct child elements } } -
Использование селектора
& >: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" } } -
Использование селектора
& >:not(:last-child)для исключения последнего дочернего элемента:.parent { & > :not(:last-child) { // Styles applied to all direct child elements except the last one } } -
Использование селектора
& >*: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. В зависимости от ваших конкретных требований вы можете соответствующим образом изменить эти селекторы.