правило для nth-child

[mrfrunze]

Добрый день, в меню на ховере для раздела "Шкафы и боксы" нужно задать стили как для соседнего раздела "Модульное обороудование"  а именно:

чтобы первая ссылка была на бэкраунде серого цвета, а нижние ссылки без бэкраунда.

Задаю правило для элемента первого ребенка :

 #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child  a:first-child

А для всех остальных ссылок:

 #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child  a 

свое правило. 

Стили для первого ребенка наследуются для всех ссылок! Почему так происходит?

Спасибо. 

 

 

[webmax7]

child -ы рассматриваются на одном уровне. У вас по-сути в li - шках одна ссылка, она же  - first-child.  При существующей структуре вам нужно так писать селекторы.

 

 #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child  a {...}

и

 #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child  ul a {...}

P.S. простите, но ваш html, css ужасен, зачем <hr class="separator"> , есть же css - border. Зачем такие сложные селекторы? Полагаю вы не слышали о БЭМ.

[mrfrunze]

child -ы рассматриваются на одном уровне. У вас по-сути в li - шках одна ссылка, она же  - first-child.  При существующей структуре вам нужно так писать селекторы.

 

 #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child  a {...}

и

 #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child  ul a {...}

P.S. простите, но ваш html, css ужасен, зачем <hr class="separator"> , есть же css - border. Зачем такие сложные селекторы? Полагаю вы не слышали о БЭМ.

P.S. не я верстал данный сайт, достался по наследству(( поэтому и приходиться искть помощи так как сам просто не въезжаю в это г-но код! Спасибо за помощь, буду пробовать))