How do I use the custom CSS to edit a widget?

How do I force the css code to apply to the widget itself? There is coding all over the internet for font type, and font color. But there is nothing that shows how that code is referenced to the specific widget when it is a part of the widget itself. What do I put in front of the {...}?

Once I finally got the form to respond and allow any type of editing to the widget, I decided that the native tools of jotform respond instantly and are very predictable in how they react...

Hi SpiritofGeorgia

"But there is nothing that shows how that code is referenced to the specific widget when it is a part of the widget itself. What do I put in front of the {...}?"
You should check out this page to see how to find that www.jotform.com/help/146-How-to-find-Field-IDs-Names

"How do I force the css code to apply to the widget itself?"
I would suggest looking at this page for that:
How to Inject Custom CSS Codes

@SpiritofGeorgia

Some of the widgets are placed in an iframe container that's why injecting CSS codes within your form does not affect the widgets. However, we always aimed to make all widgets very handy and customizable so we have implemented inject CSS to most of the highly used widgets within the widget settings.

If you're still using that widget, may we know what widget is that and what specific changes you want so we can assist you further.

Thank you!