How to separate styles in a nested list styling?

Question

I have a list and list also has list in it.
I set styles on parent list but I want different styles for parent and child list but they are mixed somehow I can\'t separat

Answer 1

Have you tried CSS child-selectors?

ul { /* parent list styles here */ }
ul > li > ul { /* child list styles here */ }