CSS selector not found error.? warning in VScode - html

A sudden warning message came in while I was working on my project, It is showing that CSS class is not found but in my code every class is linked in CSS. Can anyone help me out with this? Why is this sudden warning.

Remove HTML CSS Support extension from VS code because it causes this issue in latest update or you can downgrade the extension version.

Related

Visual Studio Code HTML snippets no longer working

I've been using HTML Snippets extension for HTML snippets in VSC for a while, however in my most recent project these have stopped working. I've tried researching why this is, and I can't find a straight answer on how to fix it. Being unable to use HTML snippets is severely limiting the speed of my html coding.
bro, the author has disabled this extension
Update 5
Disabling this extension as its functionality has been absorbed by VS Code main html extension.
Download
You can get the previous working version here, just remove the previously installed extension, also do not update this extension after installation

PhpStorm Autocomplete for Tailwind CSS not working

I currently have a NuxtJS (VueJS) project with Tailwind in it (latest versions).
I am using PhpStorm as editor.
For some reason I have no auto completion of suggestion for Tailwind CSS.
I have tried a lot of different things (anything I found on Google) but so far nothing helped.
Can anyone help me to find out what is wrong and how to fix this?
Latest thing I tried was a npm ci and Invalidate Caches/ Restart in PhpStorm but that did not help unfortunately.
I am using the latest version of PhpStorm.
Are you using "jit" mode? With it, code completion list is very limited, most of applicable CSS classes are not suggested. This will be fixed in the scope of WEB-50318, please follow it for updates.
Note also that, when using latest tailwindcss versions, the completion includes unrelated CSS classes from some *.test.css files. This will be fixed with the next tailwindcss package update, see https://github.com/tailwindlabs/tailwindcss/issues/4393. Workaround: delete node_modules/tailwindcss/jit/tests/ folder, it's not needed.
Ran into this problem with WebStorm and the previous answer diddnt solve my issue. However, I was able to solve it by instead of using mode: 'jit' in my tailwind config, by adding the --jit compiler option. Restart WebStorm afterwards.

My CSS doesn't recognize the scroll-snap commands

I am writing a website in HTML This is what visual studio tells me for school and the CSS file's doesn't recognize my snap-scroll-type tag and my snap-scroll-align tag. I am writing in Atom but because of this problem i tried visual studio and it still doesn't recognizes the tags.
This is my code
It's just a VSCode bug I'd assume, try searching for something within the marketplace such as CSS intellisense.
https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type
I also don't know if you're utilizing it correctly.
There have been multiple questions asked on SO regarding unknown properties in VS Code. You should be able to whitelist valid properties if necessary, see https://stackoverflow.com/a/54133730/2029959
As pointed out on VS Code's Github repo - https://github.com/Microsoft/vscode/issues/47775#issuecomment-420082168 - it actually shouldn't be an issue anymore as MDN data should be linked to. (https://github.com/microsoft/vscode/issues/48443)
If - on the other hand - your code doesn't work in the browser, please update your question and show us your code or submit a link to see.

How to detect class names from html in css files in VS Code?

I'm trying to switch over from WebStorm to VS Code, but this problem is troubling me. In WebStrom, if a css file is linked in html, class names can be detected from html as show in the pic below, but this feature is not supported in VS Code. Is there any extension in vscode that can add this feature for vscode and solve this problem? thanks!
webstorm
vscode
Good extension for this HTML to CSS autocomplete
This extension can solve your problem. As far as I am concerned, it is not supported natively.
IntelliSense for CSS class names in HTML

Turn off selected HTML errors in aptana

Is there any way to achieve that in Aptana (v3.0)? I'm posting this because solution for eclipse does not work in Aptana.
It's annoying that Aptana(Eclipse) returns html errors on partial html code. It's obvious that today noone has full page in one file.
It seems that it's know bug and it's going to be fixed in 3.0.5. Is there anything I can do to turn off those annoying warining before 3.0.5 will be released?
You could add custom error message filters or turn off validation for the specific language all together.