CSS Multi-language Splitting

Hello All,

I have a WordPress site that has the Polylang Mult-language plugin installed. My French version has many more Menu items than the English version. I have custom CSS that controls the menu styles; but when I change the CSS it changes BOTH menus. The previous developer wrote the CSS for the menus “combined”.

For example:

#menu-main-menu-1, #menu-main-menu-french-1{
padding: 0px 200px 0px 0px !important;
}

#menu-main-menu-1 li, #menu-main-menu-french-1 li{
margin-top: 0 !important;
}

#menu-main-menu-1 > li,
#menu-main-menu-french-1 > li{
padding-top: 20px;
padding-right: 16px;
padding-bottom: 20px;
padding-left: 16px !important;
}

My issue is:

Since there are MORE menu items in the French version, I need to make it a different size, padding, margins, etc..

So if I “split” the CSS like this:

/*English Menu*/

#menu-main-menu-1{
padding: 0px 200px 0px 0px !important;
}

#menu-main-menu-1 > li,{
padding-top: 20px;
padding-right: 16px;
padding-bottom: 20px;
padding-left: 16px !important;
}

/*French Menu*/

#menu-main-menu-french-1{
padding: 0px 200px 0px 0px !important;
}

#menu-main-menu-french-1 > li{
padding-top: 20px;
padding-right: 16px;
padding-bottom: 20px;
padding-left: 16px !important;
}

Would that effect anything on my website?

Much Thanks!