How to BOLD the menu item text

Hi,

I've spent HOURS reading the documentation, reading other support forum questions and answers, and I STILL can't get the syntax right for making my menu items (Appearance --> Menus) then I click the dropdown arrow for the menu item, go to the CSS Classes (optional) box, and I have put in every possible syntax to get the menu item to be bold (strong) I can find. When I click Save Menu, WP strips any special characters (used in ALL CSS code), and just leaves the text from within the CSS. I read this post: https://wordpress.org/support/topic/how-to-bold-menu-font, and what he suggested didn't work and should NOT have been necessary using the CSS Classes box, and this post: https://wordpress.org/support/topic/how-to-make-menu-titles-bold, and I tried this and copied the CSS that was used to make other text on the page bold, and again, the WP software stripped the special characters out of the CSS code box and left the text only. Then I read this post: https://premium.wpmudev.org/forums/topic/can-i-use-two-custom-classes-for-one-menu-item to try for the correct syntax in this field. If you check out my site works-words.com/NSM-WIKI/WP/Wordpress you'll have access and see that the special characters from this #top-menu ul.nav > li > a {
font-weight: strong !important; have all been stripped off and all that's there is the text. Every attempt at fixing this has not worked, yet it should. Then I used the syntax from this post: https://premium.wpmudev.org/forums/topic/i-am-trying-to-create-custom-css-classes-for-my-wordpress and AGAIN the special characters are stripped off and it does nothing. It would REALLY help if the documentation gave syntax examples.

Can you PLEASE help me with the correct syntax to use this box in the menu?

I will share your answer with other WP users that asked almost or exactly the same thing and never got it resolved.

Mary :o)