Some index css rules not being applied

Hi, When I enter some rules into index.css they’re not being applied.
for example I havr

div {border: 1px solid red;}

there’s no red border around the divs.
I also have in the same index.css

body {background: #DBD5CD}

which works fine

Why is this?

Thanks for any help

First of all, have you checked in dev tools if the rules show up? If not, you might have to clear the browser cache.

Then, where did you put those rules in the index.css? Maybe they are overridden by other rules.

Solved it in the end by renaming index.css to site.css.
Don’t understand why it works - but it helps to move on.

Sounds like a caching problem.