Nested selectors do not work if they are the only rule

I have to **Styled**-Elements in my source code:

```

& .ant-card-body {
display: none;
}

margin: 5px;

```

If the field **_edit** is set to **true**, _display: none_ should be applied to the descendant with the class name **ant-card-body**, which is not happening with the code above. But when I add another rule to the first **Styled** element it suddenly works as I expected it to:

```

color: red;
& .ant-card-body {
display: none;
}

margin: 5px;

```

Reproduce the two Styled examples, comparing the nested-only rule with the version that also contains color: red, and inspect how the component handles those rules. Done means the nested .ant-card-body selector applies display: none without requiring an unrelated additional rule.

Written by the indexing model from the issue text.