CSS-Kind-Selektor funktioniert nicht in Sass

Question

Ich möchte einen Stil anwenden, um das unmittelbare Kind <a> Tag von und Element.

Im normalen CSS würde ich so etwas wie verwenden:

.card > a { 
color: red; 
} 

Aber in Sass kann ich nicht dieser oder einer der folgenden Kombinationen zu arbeiten.

In meiner .scss Datei habe ich versucht:

.card > a { 
color: red; 
} 

.card & > a { 
color: red; 
} 

.card { 
    > a { 
    color: red; 
    } 
} 

.card { 
    & > a { 
    color: red; 
    } 
} 

Aber keines dieser Werke. Auch im Compiler werden keine Fehler angezeigt.

Würde jemand den richtigen Weg wissen, dies zu tun?

Answer 1

Dies funktioniert: weil die & verkettet von .card

.card { 
    &>a { 
    color: red; 
    } 
}