Fixes the CSS related item in Issue #43969 ## Summary - Document how to enable Tailwind CSS IntelliSense for CSS files. - Explain why the default CSS language server is disabled when using the Tailwind CSS language server. - Link CSS readers to the language-specific Tailwind configuration examples for other languages and frameworks. Release Notes: - N/A
1.3 KiB
1.3 KiB
title, description
| title | description |
|---|---|
| CSS | Configure CSS language support in Zed, including language servers, formatting, and debugging. |
CSS
Zed has built-in support for CSS.
- Tree-sitter: tree-sitter/tree-sitter-css
- Language Servers:
Tailwind CSS
Zed also supports Tailwind CSS out-of-the-box. To use Tailwind CSS IntelliSense in CSS files, configure the Tailwind CSS language server for the CSS language and disable the default CSS language server. See the docs page for Tailwind CSS for more detail.
This enables autocomplete, diagnostics, and hover previews for Tailwind-specific CSS such as @apply, @layer, and @theme. The tailwindcss-intellisense-css language server is provided by Zed's built-in Tailwind CSS capabilities, and is an alternative to the default CSS language server; do not enable both at the same time.
For Tailwind CSS classes in other languages and frameworks, see the language-specific configuration examples.