Custom CSS: Nesting operator doesn't work if nesting level greather than 1 #73217
Description
For example, this CSS doesn't work:
&.is-layout-flex > *:has(+ *) {
display: flex;
flex-flow: row nowrap;
column-gap: 5px;
/* 2nd level nesting: not working as it should */
&::after {
content: '•'
}
}
Works if unnest it:
&.is-layout-flex > *:has(+ *) {
display: flex;
flex-flow: row nowrap;
column-gap: 5px
}
&.is-layout-flex > *:has(+ *)::after {
content: '•'
}