CSS element doesn't update

[SochuU]

This is the site: erasmusplusproject.rf.gd

I uploaded the file with css, but when I acces the site it doesn’t update the css.
The local site works very well.

[Ergastolator1]

If you can’t see the changes you’ve done to the CSS file, clear your browser cache.

[SochuU]

Thanks, it worked. But I don’t understand why is this happening. Can you explain?

[Ergastolator1]

That is because your browser, after downloading the files (even the CSS), keeps them in its local cache to speed up the loading process. And so, if you updated the file, that cached file remains in the browser’s memory, and the changes won’t appear.

[Fury_Phoenix]

You can press the F5 button to clear the cache for the current website you are on, to see the changes. Also, the more specific css selectors take priority over less specific one.
iframe .inline #awesome { /*insert css here*/} will override
iframe {//insert css here} for the iframe that has a class name inline and a id name awesome.
If you want to override something manually, use !important before the semicolon and a space.
ex. iframe{ display: block !important; //this will override any other display property for any iframes }
iframe .important{ display: flex; //this will not work because of the !important that was added in the iframe tag
The iframe display property will always be applied, even if there is a more specific selectors which css code involves the display property.
Just make sure you use only when nesscessary, otherwise it will make it harder to debug a css problem.
Wordpress creators made a mistake in deciding to insert !important, thus making your development harder, when adding your own css sheet.

[Admin]

Pro tip, check your website in Private Browsing Mode when you’re developing on it. Private Browsing circumvents all caches, so you are guaranteed to see the actual files of your website and not whatever is cached on your computer.