用途
该技能用于在审查样式表、组件样式和响应式行为时,检查与“使用 CSS 逻辑属性以支持国际化和 RTL”相关的实现。它面向需要支持多语言、尤其是从右到左(RTL)语言(如阿拉伯语、希伯来语、波斯语)的前端项目。
主要能力
- 检查:查找所有应转换为逻辑等价属性的物理方向属性使用,包括 margin-left、margin-right、padding-left、padding-right、border-left、border-right,以及作为定位使用的 left、right。
- 修复:将物理方向属性转换为其 CSS 逻辑属性等价形式,以支持 RTL 和国际化。
- 解释:说明 CSS 逻辑属性的概念、物理方向与逻辑方向的区别,以及它们如何实现 RTL 语言支持。
- 代码审查:审查样式表、组件样式和响应式状态,指出在渲染 UI 中违反该规则的具体选择器、声明或断点。
使用方式
该技能以规则形式提供,包含快速参考、检查、修复、解释和代码审查等环节。完整实现细节、代码示例和框架特定指导见 references/rule.md。规则页面为 https://frontendchecklist.io/en/rules/css/logical-properties。
适用场景
适用于需要支持国际化(i18n)和 RTL 语言的 Web 项目,尤其是使用物理 CSS 属性导致 RTL 适配困难、需要维护重复样式表或复杂 [dir=rtl] 覆盖的场景。也适用于垂直书写模式的正确性检查。
限制
资料未提供该技能的具体安装命令、支持的框架列表、收费或价格信息,这些内容暂未提供。