Change Request: Support linting inside HTML <style> tags

[gowin20]

Environment

ESLint version: ^9.36.0
@eslint/css version: ^0.11.1
Node version: v23.11.0
npm version: 11.4.1
Operating System: Windows 10

What problem do you want to solve?

This plugin only supports dedicated .css files at the moment. I maintain a large repository of HTML examples that include CSS in the same file. All CSS is defined within <style> blocks inside of the .html files.

For our use case, we already lint HTML with html-eslint, and JavaScript within HTML <script> tags using eslint-plugin-html.

No equivalent functionality exists for CSS at the moment. It would be very nice if this plugin supported this.

What do you think is the correct solution?

I'd like this plugin to support linting CSS within <style></style> blocks of HTML files. This could be implemented using the same strategy that eslint-plugin-html already uses for JavaScript.

To be clear, I am only requesting that full <style> blocks get linted. This is not related to the inline CSS style="..." property of HTML tags.

Participation

• I am willing to submit a pull request for this change.

Additional comments

No response

[JoshuaKGoldberg]

+1, <style> block linting seems like a very natural feature area for this project to me.

[nzakas]

Thanks for the idea. We're not going to be doing multi-language support in this plugin. We'll need to wait for this RFC:
eslint/rfcs#105

[github-actions]

Oops! It looks like we lost track of this issue. What do we want to do here? This issue will auto-close in 7 days without an update.

[zomp]

Does it mean please that once eslint/rfcs#105 is implemented, multi-language support will get available for all languages, or only that the important building block will get available and there will be some more work needed for <style>...</style> (this ticket)? How about style="..." (out of scope of this ticket)?

[nzakas]

@zomp that RFC means we'll be able to make affordances for any language that is embedded in any other language. That would include <style> and style="..." in the context of HTML.

[github-actions]

Oops! It looks like we lost track of this issue. What do we want to do here? This issue will auto-close in 7 days without an update.

[github-actions]

This issue was auto-closed due to inactivity. While we wish we could keep responding to every issue, we unfortunately don't have the bandwidth and need to focus on high-value issues.