Error "property value expected css" and "at-rule or selector expected css" editing Go template in VSCode

Question

I'm using Go and package html/template. This is my code in mypage.tmpl:

<div class="col-sm-1">
        <i class='fas fa-square companies-color' style="color: {{.Company.Color}}"></i>
</div>

But I get errors in VSCode:

property value expected css(css-property value expected)

and

at-rule or selector expected css(css-rule selector expected)

when I try {{ }} in style html.

I don't use VSCode, but this looks like your editor thinks your `*.tmpl` file should be valid CSS and is complaining that it's not valid (which it isn't, it only becomes valid CSS once the template is executed). You either need a plug-in/setting that recognises Go template files (e.g. understands `{{…}}`) or turn off syntax checking for `*.tmpl` files. — Dave C, Aug 05 '19 at 11:53

score 34 · Accepted Answer · answered Aug 14 '19 at 13:25

34

I have found solution. Turn off html validate styles in setting's vscode

answered Aug 14 '19 at 13:25

Nam Lee

14

Please note that this will affect all projects opened. In case you just want to turn off this setting for a particular workspace, you should create a folder called `.vscode` on the root of your project, then a file called `settings.json` inside, and add `"html.validate.styles": true`. More info about this method can be found here: https://code.visualstudio.com/docs/getstarted/settings – Fran Verona Jun 08 '20 at 13:56
5

@FranVerona I think you meant `"html.validate.styles": false` since thats what the thread creator was looking for. – Johnny May 21 '21 at 16:08
This solution doesn't work with PHP files – migli Oct 05 '22 at 04:18

score 9 · Answer 2 · answered Jan 10 '21 at 01:37

9

Hi I fixed this this by installing the Django extension in VsCode

answered Jan 10 '21 at 01:37

1

Nice Hack ! Thanks ;) – Yann C. Sep 08 '21 at 15:57
For me this is the better solution, thanks! :) – costigator Dec 13 '21 at 15:31
Confirmed this is working, this is much better solution but it kinda bothers me the need to install another extension that probably won't have any uses aside from removing annoying red lines on vscode. – Dale Ryan Sep 23 '22 at 07:48
There are several extensions. I have installed this https://marketplace.visualstudio.com/items?itemName=batisteo.vscode-django and worked for me as well. – Domenico Spidy Tamburro Apr 23 '23 at 13:53

score 1 · Answer 3 · answered Feb 25 '23 at 08:03

1

For people using PHP Intelephense, turn off Intelephense > Diagnostics: Embedded Languages should work.

answered Feb 25 '23 at 08:03

Tan Nguyen

3 Answers3