EasyCSolor

EasyCSolor 使用 ESolor 语言进行样式表的增删改，其语法易于被大多数开发者与新手所理解。

ESolor 语言的关键字较少，但提供了强大（甚至超越）原生 CSS 的能力。例如可以直接通过特别属性直接重写相应元素的伪类、管道操作、平均特值、auto 关键字等。

同时，他也是分号不敏感的样式表语言，这意味着每个样式之间都需要具有换行。你也可以加入熟悉的分号来编写最小化版本的 ESolor。

作用域语法：

基础格式：rgbtyp(r, g, b, a) in [selector] 或 colorName in [selector]

更多格式：

• 针对背景与文字颜色的 as 关键字：rgbtyp(r, g, b, a) as {bg, text} in [selector]
• 针对伪类的 do 关键字：rgbtyp(r, g, b, a) in [selector] do [hover]

用英文分号分隔多个规则

参数说明：

• r, g, b: 0-255的整数或颜色名称
• a: 0-1的透明度（可选，默认为1）
• as {bg, text}: 指定颜色应用方式（可选）
  • bg: 设置为背景色（默认）
  • text: 设置为文字颜色
  • 可同时使用：as {bg, text}
• selector: CSS选择器（支持伪类如:hover）

选择器规则：

• 必须以 # (ID) 或 . (类) 开头
• 名称首字符必须是字母（a-z, A-Z）
• 支持伪类选择器（如 .btn:hover）

示例：

• 基础用法：rgbtyp(255, 0, 0, 0.5) in [.my-class]
• 设置文字颜色：blue as {text} in [#my-id:hover]
• 同时设置背景和文字：purple as {bg, text} in [.button]

Tip：

• 要快速预览其效果，你可在选择器处填写 .preview-box。该选择器支持伪类。
• 同时，你也可以点击输入框下方的颜色预设方案快速预览或复用它们。