Schwebe wird nicht im untergeordneten Element angewendet ⇐ CSS

[Guest]

Ich erstelle eine Website mit einem Dropdown -Menü für den Abschnitt "Über uns" und möchte, dass der Dropdown -Bereich auf HOVER angezeigt wird. Der Schwebeffekt funktioniert jedoch nicht. Der Dropdown wird nicht angezeigt, wenn ich über den Menüpunkt "Über uns" schwebe. >

Code: Select all

[list]
[*][url=#]Home[/url]
[*]
[url=#]Party History[/url]
[url=#]Party Guidance[/url]

[*][url=#]Who are we[/url]
[*][url=#]Programs[/url]
[/list]

< /code>
scss: < /p>
.header_text {
ul {
display: flex;
list-style: none;
li {
padding: 40px 15px;
a {
text-decoration: none;
font-size: 23px;
font-family: 'Varela Round';
color: #5f3f00;
}
.aboutus {
position: relative;
&_content {
position: absolute;
top: 80px;
background-color: aqua;
display: none;
a {
display: block;
}
}
&:hover {
&_content {
display: block;
}
}
}
}
}
}