组件样式

Solid 提供了灵活且通用的方式来设计组件的样式。 class 和 style 绑定可以修改样式，此外， Solid 还支持一系列修改样式的方法：从传统的 CSS 预处理器到现代 CSS-in-JS 解决方案，确保为您的项目灵活选择最佳方法。

---

CSS preprocessors

SASS LESS

---

CSS modules

---

CSS-in-JS

CSS-in-JS 是一种设计组件样式的现代方法。在 Solid 生态系统中，有各种库和解决方案可用于使用 CSS-in-JS，包括但不限于：

• Solid Styled Components
• Solid Styled JSX

CSS-in-JS 库通常带有自己的一组 API 和方法，用于定义、更新和动态应用样式。许多还提供开箱即用的主题、媒体查询和服务器端渲染等功能。

注意：在选择 CSS-in-JS 库之前，建议检查其与 Solid 的兼容性。

Macaron

---

CSS frameworks

CSS 框架提供预先设计样式的组件和实用工具类来加快开发速度。