Troubleshooting "property value expected css" and "at-rule or selector expected css" Errors in Go Templates

Developers working with Go templates and the html/template package may encounter the following errors in Visual Studio Code (VSCode):

• "property value expected css"
• "at-rule or selector expected css"

These errors often arise when attempting to inject dynamic values into style attributes using double curly braces {{ }} in .tmpl files.

The issue stems from the HTML validation feature in VSCode. While it helps ensure the validity of HTML syntax, it can also conflict with the use of Go templates. To resolve the problem:

1. Open Settings in VSCode (Ctrl/Cmd ,).
2. Search for "validate styles".
3. Uncheck the "HTML: Validate styles" checkbox.

4. Reload VSCode.

After disabling style validation, double curly braces {{ }} can be used in style attributes without triggering errors.