There could be an error earlier in the CSS file that is causing your (correct) CSS to not work.
Answer from Andrew Koper on Stack Overflow Top answer 1 of 16
82
There could be an error earlier in the CSS file that is causing your (correct) CSS to not work.
2 of 16
75
Posting, since it might be useful for someone in the future:
For me, when I got here, the solution was browser cache. Had to hard refresh Chrome (cmd/ctrl + shift + R) to get the new styles applied, it seems the old ones got cached really "deep".
This question/answer might come in handy for someone. And hard refresh tips for different browsers for those who don't use Chrome.
Reddit
reddit.com › r/css › css styles not applying to website. why? pls help beginner.
r/css on Reddit: CSS styles not applying to website. Why? Pls help beginner.
March 15, 2021 - Android is unix based which means it is case sensitive, so style.css is not the same as Style.css also, the ./ operator is relative to the document, so if the html and the css are in the same directory, then it should be Style.css, not ./html/style.css ... Open the source code in a browser, click on the link to the CSS file and see where it takes you - my guess would be a 404 message :)
CSS Style Not Being Applied
Chris Carr is having issues with: After following along with the video and making changes to my css the h1 and h2 tags don't apply the css. Should I include the header ta... More on teamtreehouse.com
2
June 5, 2017My CSS is not being applied to my html, how do i fix it? - Stack Overflow
So i have this weird problem that any css i write doesn't work. I tried to create multiple pages and link css but it simply doesn't apply. If i download a template of the internet if i run the page, More on stackoverflow.com
My styles.css isn't being applied
David Ton-Lai is having issues with: My styles.css isn't being applied, I'm using a local environment with my styles.css file in a 'static' directory. Here is the code for my layout... More on teamtreehouse.com
5
February 26, 2017CSS not being applied in pages :/
Hello eveyone, I am new to github. I’ve been following tutoials etc on how to set up pages. Now, i’m trying to move my codepen HTML and CSS over here. HTML is working, but CSS is not being applied.... More on github.com
30
83
June 10, 2020Videos
00:51
VS Code Tips — How to solve all your CSS problems instantly - ...
How to Fix CSS Not Working in Your Website 👌 | Website CSS Not ...
07:05
👉 How to Fix CSS file is not Working 😀 with HTML in Chrome ...
05:52
Why CSS is not Working with HTML | Learn with Ali Hossain - YouTube
04:38
Why isn't this CSS doing anything? - YouTube
Quora
quora.com › Why-is-a-CSS-class-not-applying-style-HTML-CSS-Django-and-development
Why is a CSS class not applying style (HTML, CSS, Django, and development)? - Quora
If it works locally at your desktop and not immediately online, then that may be what is going on.) For me the top reasons for CSS not being applied are Cloudflare and relative paths can be confusing.
Top answer 1 of 2
3
LPChip suggested me to use the debugger/inspector of Firefox and there, the head is greyed out. On further investigation, I noticed it said "css was not loaded because its mime type "text/html" is not "text/css"
That made me check something...
I got the solution:
I had an apache mod_rewrite activated. While the path was correct, it seems that this mod_rewrite or the dedicated php for the redirection somehow told the browser that the file was html not css.
2 of 2
2
I had a similar issue. Was setting up a NGINX from scratch and all the styles for my project were not applied. But they existed and I did not had any other error.
I found out that I had to apply the correct mime types to all files served by NGINX. Before the fix it was text/plain and this did not worked.
I fixed it by adding those lines to NGINX configuration:
http {
# other config before ...
include /etc/nginx/mime.types;
default_type application/octet-stream;
# rest of config ...
}
Team Treehouse
teamtreehouse.com › community › css-style-not-being-applied
CSS Style Not Being Applied (Example) | Treehouse Community
June 5, 2017 - Hi, how did you attach your code here in the forum so that it will be inside that black page? Every time I attach my code, it is in paragraph format, not like the code you attached which is easier to read. ... Okay so at first glance, I see two possible problems. In your HTML the link for your font has a space in the href. Try removing that. And then in your CSS, you forgot your unit in the Nav Selector padding: 10px 8;
Top answer 1 of 8
4
I had a similar issue, I believe the problem was coming from the name of my CSS folder in which I had the CSS file. The folder was named "CSS", I'm not sure why it was causing issues but when I put my css file into my "js" folder it worked perfectly fine. Then I created a new folder named "myCSS" and it worked still. This is a weird workaround but it solved my issue and it may be useful to someone else.
also for the link I just had <link rel="stylesheet" href="myCSS/style.css" />
2 of 8
2
Can you check your network tab that your style.css is fetched from server and there is no 404 not found.
I would say try "/styles.css"
Quora
quora.com › Why-is-the-CSS-style-not-applied-HTML-CSS-web-and-development
Why is the CSS style not applied (HTML, CSS, web, and development)? - Quora
Answer: * Perhaps you have a typo or your CSS include statement is not in your path. Please check your header CSS file reference and your CSS location. * Perhaps you have Cloudflare and it so it takes time for a CSS change to update.
Team Treehouse
teamtreehouse.com › community › my-stylescss-isnt-being-applied
My styles.css isn't being applied (Example) | Treehouse Community
February 26, 2017 - ... Hoping to save people the pain and heartbreak AND time that I experienced from a small but important error - check that your STATIC folder is under the project folder and not hiding in the LAYOUTS folder.
meyerweb
meyerweb.com › eric › articles › webrev › 199904.html
Help! My CSS Isn't Working!
First, using @import is risky at best, because Netscape Navigator doesn't support the importing of stylesheets. Therefore, in order to make sure your styles are applied to your documents, use the LINK element. In addition, make sure you use it correctly, and don't go overboard with the attributes. You should really have only one LINK element, which should look very much like this: <LINK rel="stylesheet" type="text/css" href="mystyles.css" title="Default Styles" media="screen">
WPForms
wpforms.com › docs › styling › troubleshooting css
Troubleshooting CSS - WPForms
May 21, 2024 - The default styles will be applied instead because they have a more specific selector. You would instead need to use the same, longer selector as the default style for your custom CSS: div.wpforms-container-full .wpforms-form .wpforms-title ...
GitHub
github.com › orgs › community › discussions › 22495
CSS not being applied in pages :/ · community · Discussion #22495
June 10, 2020 - Beta Was this translation helpful? Give feedback. ... There was an error while loading. Please reload this page. Something went wrong. There was an error while loading. Please reload this page. ... My issue was that when I linked the css file in my index.html I had a capitalization issue in the style sheet’s file name <link rel=“stylesheet” href”css/style.css”> where it should’ve been <link rel=“stylesheet href”CSS/style.css”> For your repo I believe you might have not included this folder “css” along with the file “main.css” in your repo because I can’t find it anywhere.
freeCodeCamp
forum.freecodecamp.org › html-css
CSS not working in HTML, help please - HTML-CSS - The freeCodeCamp Forum
March 31, 2018 - This is my first attempt at coding and I do not understand why the CSS is not working. As you can see, I used CSS selector to style an element and as well as classes. However, when I load the .html, classes do not wor…
freeCodeCamp
forum.freecodecamp.org › html-css
CSS style not applying - HTML-CSS - The freeCodeCamp Forum
December 22, 2021 - Hello guys, CSS style is not being applied. Can you please tell me what’s wrong and why? I appreciate
freeCodeCamp
forum.freecodecamp.org › html-css
My css is not being applied to the ID's or CLASS's - HTML-CSS - The freeCodeCamp Forum
February 17, 2022 - Tell us what’s happening: Describe your issue in detail here. My code is a mess I know but I have gotten this far on the personal portfolio challenge. When I got to the section with the id=“projects”, any css I write …
Django Forum
forum.djangoproject.com › using django › templates & frontend
Some CSS Styles Not Loading, Others Fine - Templates & Frontend - Django Forum
January 10, 2023 - Hi all - For some reason I am having a VERY strange problem where some of my CSS is working via my static directory but some isn’t The weird part about it is that when my coworker clones the repo himself it works perfectly fine on his PC Here is the code itself Particularly having problems with index.html - I intentionally commented out the tags so that it is only pulling style from styles.css When I uncomment the tags in index.html everything works and looks perfect, but when I try to pu...
Codecademy
codecademy.com › forum_questions › 4fb693d18922e50003003cb8
1.1 Styling not getting applied to html... | Codecademy
I first typed “line rel” on my coding and was wondering why my CSS wasn’t working. Doah! ... It is the way I was taught and I tried it without and it didn’t work on Opera or IE9. It works now with it. Another quirk of the programming I guess. If it works, don’t fix it. Good saying. Happy Memorial Weekend. Submitted by RichG. ... Holy junk. Thank you so much! ... You also left out, style=”text/css”. Add that to the link.
Pressable
pressable.com › knowledgebase › why-is-my-css-not-updating
Why Is My CSS Not Updating On My Website? | Pressable
September 11, 2025 - We have a guide outlining how to flush the cache in all popular browsers available here. If you are adding/modifying in-line CSS or JavaScript and not seeing the changes reflected in the HTML source, the page is likely being cached.
Laracasts
laracasts.com › discuss › channels › laravel › css-styles-not-applied
CSS Styles not applied
We cannot provide a description for this page right now
Developer Community
developercommunity.visualstudio.com › content › problem › 35703 › css-style-sheet-not-loading-or-linking-with-html.html
CSS style sheet not loading or linking with HTML
March 26, 2017 - Skip to main content · Microsoft · Visual Studio · Sign in · You need to enable JavaScript to run this app · Sorry this browser is no longer supported · Please use any other modern browser like 'Microsoft Edge'
Google Support
support.google.com › chrome › thread › 252612732 › css-style-not-show
CSS Style not show - Google Chrome Community
January 9, 2024 - Skip to main content · Google Chrome Help · Sign in · Google Help · Help Center · Community · Google Chrome · Terms of Service · Submit feedback · Send feedback on