How to change text color of a specific navigation menu with CSS?

[NG_01]

Hi everyone!
I need help for CSS coding on Cascade Theme -> I would like to change the text color of only one of my main navigation menu to highlight it.

The last one "Petits prix" navigation menu should appear in the #db2b4e color rather than black.
I tried to quibble with the code but nothing to do, the color does not change. I'm having trouble identifying my menu or placing my code incorrectly on my CSS stylesheet.

Thank you for your help!

[Muhammad_Ali_S]

Hey @NG_01, 
Are you able to provide your store URL? I need to take a look at the store before being able to offer any help.

[NG_01]

Hey @Muhammad_Ali_S thank you for your reply!
Here is the store URL : https://lecyclismeaufeminin.com/

Thanks!

[dmwwebartisan · Accepted solution]

@NG_01 

Please add the following code at the bottom of your assets/theme.min.css file.

.site-nav li a[href="/collections/petits-prix"] {
    color: #db2b4e;
}

Hope this works.

Thanks!

[NG_01]

Thank you so much @dmwwebartisan !! It works! 

[BoveSpring]

Hi @dmwwebartisan,

Could you also help for my URL https://bove.co/ (Empire theme)?

I've been trying to get the menu "SALE" font into all red #ff0000.

[dmwwebartisan]

@BoveSpring 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.site-navigation .navmenu-item-parent, .site-navigation .navmenu-id-sale .navmenu-link-parent {
    color:#ff0000 !important;
}

Thanks!

[BoveSpring]

@dmwwebartisan - the code works like a charm. Thank you!