Different colours for main menu in different pages

Hi,

I’ve added the following CSS to my Child Theme to assign a different coloured main menu to a specific page (the page is using the ‘Transparent Header’ option).

.page-id-8 .av_header_transparency #header_main .avia-menu-text, .page-id-8 .av_header_transparency #header_meta * {
color: #fcdddd !important;
}

I would like to assign different menu colours to other pages so hoped to follow this same logic.

I did apply a universal colour for the transparent menu in Theme Options > Header > Transparency Options, however I need to over write this setting in some pages.

Thanks in advance,
Johnny