Firebug cache and CSS not displaying new selectors
I am confused about some behavior in Firebug.
I am trying to update my CSS and I made changes to the actual CSS file and saved it.
If I update an existing selector directive, these changes will be reflected on page reload. However, if I add a new class (like boxQuestion) and create a new selector, it won't show up at all. The new selector doesn't seem to show up at all. Neither the rendered HTML nor what Firebug shows.
I tried clearing the cache and restarting my development server, but it still won't add new selectors.
What am I doing wrong?
I am developing Django and using servers.
a source to share
What to try
- double click the browser refresh button to get the new css
- restarting the development server
- close Firebug and restart your browser.
- See if your development server has the correct CSS file and selectors http: // localhost: 8000 / media / liquid.css
The most important thing is: 5. Validate your CSS with a CSS validator:
http://jigsaw.w3.org/css-validator/
I had comments in the CSS file just before the class selector. I just used # to comment on comments. This is incorrect CSS syntax
When I surrounded the comments with / * #comment * / the problem went away.
a source to share