Есть меню Код (CSS): #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;} и так вышло что ниже блоки которые есть частью выппдающего меню унаследовали все цвета ссылок размеры и т.д с меню Код (CSS): #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 или есть другие варианты?
Если правило задано для селектора тега, например Код (CSS): a { ... } то придется переопределять стили для ссылок в меню. А если используются более сложные селекторы, например Код (CSS): #header.top-menu ul li a { ... } то можно просто конкретизировать. Например, селектор для ссылок первого уровня меню будет выглядеть так Код (CSS): #header.top-menu>ul>li>a { ... } На ссылки дочерних списков указанные здесь стили уже распространяться не будут. Так что нужно смотреть в каждом конкретном случае.