Multilevel menu is not working, how to fix?

Created a 3-level menu, with two levels all the rules. But when you hover over the item on the 2nd level (which has one level) are shown from all the items with 3 levels. How can this be fixed?
April 4th 20 at 14:16
2 answers
April 4th 20 at 14:18
Solution
Forgot to insert ">" in the selector
.menu-item:hover > .sub-menu {
 opacity: 1;
 top: 0;
}

And attribute id must be unique
Thank you very much! Now everything is working. - Eddie.Kovac commented on April 4th 20 at 14:21

Find more questions by tags HTMLCSS