I need to make a few tweaks to only the following elements
from jquery.ui.autocomplete.css
- ui-autocomplete
- ui-menu
- ui-menu-item
from jquery-ui-theme.css
- ui-widget
- ui-widget-content
- ui-corner-all
Do you recommend I directly make the changes to jquery-ui-theme.css and jquery.ui.autocomplete.css or would you recommend I make my own .css file with the changes to those 6 elements, and then put
<link rel="stylesheet" href ="newstyles.css">
as the LAST item in <head></head>?
I find that it’s best to leave the 3rd party css files as they are, and then create a second file that overrides those values. Just make sure that you include the files in the correct order so that your changes take effect.
The reason I find myself doing this is so that if I want to upgrade to a newer version that has updated css, I don’t have to patch the rules again to achieve the same effect.