Style menu item and entire menu

Hi guys,

I’m wondering how I should go about to change menu font color on a specific page as well as styling one specific menu item in a different color.

I have this code for styling the entire menu and it works great:

.page-id-190 .av_header_transparency #header_main .avia-menu-text, .page-id-142 .av_header_transparency #header_meta * {
    color: #6b8bc8!important;
}

Then I have this code for styling a specific menu item, but the meny item still has the color of the entire menu from the previous code:

#menu-item-470 > a > .avia-menu-text {
  color: white!important;
}

I can’t seem to get those two codes to work side by side.

Any suggestions?

BR, gorehalling