I'm making a sub theme for a Drupal theme.
I'm not editing the original css file, I've instead created a css file for the sub-theme and am making needed overwrite changes with it.
I'm trying to minimize browser calls for images, so pages load faster.
The default background for the <li> components of my navigation show background images. I don't want to use them.
Does the mere fact that they are mentioned in the original theme's css file cause the images to load?
(How about those that are only used on .hover?)
Since I don't want to use the images, in my sub-theme's css file I can just overwrite them with URL() - (leave it blank). But have the images already been called be cause they were mentioned in the original theme's css file? (Firebug seems to know when and where css rules have been changed, and that's on my client machine.)
I could just delete these image calls from the original theme's css file, but that creates a (nuisance) maintenance issue when updating to a new theme version.
What's the right way to handle this?