Есть меню

#header .top-menu ul li {float: left;}
#header .top-menu ul li a {display: block;padding: 49px 11.5px 36px;}
#header .top-menu ul li:nth-child(4) a:hover {background: #fff;color: #4a4a4a;}


И так вышло что ниже блоки которые есть частью выппдающего меню унаследовали все цвета ссылок размеры и т.д с меню

#header .top-menu ul li ul {position: absolute;display: none;width: 1358px;left: 50%;margin-left: -679px;background: #fff;}
#header .top-menu ul li:hover ul {display: block;}
#header .top-menu ul li ul li {display: block;float: none;}


Как их очистить чтобы выпадающие ссылки не унаследовали цвета размеры , прописать для них отдельно color padding или есть другие варианты?
________
посл. ред. 06.07.2019 в 20:32; всего 10 раз(а); by SNEG

Можно явно указать уровень вложенности для селекторов
#header .top-menu > ul > li

В этом случае
#header .top-menu ul li ul li не будет наследовать стили

Можно ссылку на ">" чтобы я за них почитал и понимал как правильно расставлять
________
посл. ред. 06.07.2019 в 23:10; всего 1 раз(а); by SNEG

http://htmlbook.ru/css/selector/child