CSS 中的代码检查
本主题列出了 CSS 中可用的所有 PhpStorm 代码检查。
您可以在编辑器 |上切换特定检查或更改其严重性级别。IDE 设置的检查Ctrl+Alt+S页面。
可能的错误
检查 | 描述 | 默认严重性 |
|---|---|---|
报告多行选择器。这很可能意味着实际上打算使用多个单行选择器，但在一行或多行的末尾缺少逗号。 例子：
input /* 逗号可能已经忘记了 */ .button { margin: 1px; }
| | |
验证该 serif、sans-serif、cursive、fantasy和monospace。 | | |
以像素为单位报告非整数长度。 例子：宽度：3.14 像素 | |
代码质量工具
检查 | 描述 | 默认严重性 |
|---|---|---|
报告Stylelint linter检测到的差异。 突出显示基于Stylelint 配置文件中为每个单独规则指定的规则严重性。 | ||
报告W3C CSS Validator检测到的差异。 |
代码风格问题
无效元素
检查 | 描述 | 默认严重性 |
|---|---|---|
报告未知的CSS 函数或不正确的函数参数。 | | |
报告未知的CSS 媒体功能或不正确的媒体功能值。 | | |
报告不正确的 CSS 属性值。 | | |
| ||
报告与未知 HTML 元素匹配的CSS类型选择器。 | | |
报告错位的 @import规则必须在所有其他类型的规则之前，除了@charset规则。 | | |
报告错误 | | |
报告不应小于零的 CSS 属性的负值，例如对象宽度或高度。 | | |
报告未知的CSS at-rule。 | | |
报告未知的 CSS 属性或在错误上下文中使用的属性。 将未知属性添加到“自定义 CSS 属性”列表以跳过验证。 | | |
报告'composes'规则中的 CSS 类引用，该引用无法解析为任何有效目标。 例子：
.className {/* ... */} .otherClassName { 组成：className; }
| | |
报告函数参数中对自定义属性的未解析引用 | | |
报告未解析的文件引用，例如， | |
其他检查
检查 | 描述 | 默认严重性 |
|---|---|---|
报告 RGB(12, 15, 255) 应用快速修复后：#0c0fff . | ||
报告 rgb()或rgba()颜色函数替换此类颜色值。例子：#0c0fff 应用快速修复后：RGB(12, 15, 255) . | ||
报告规则集中的重复 CSS 属性。尊重速记属性。 例子：
.foo { 边距底部：1px; 边距底部：1px；/* 复制margin-bottom */ margin: 0; /* 覆盖底部边距 */ }
| | |
报告一组速记属性。建议用等效的速记形式替换一套完整的速记 CSS 属性。 例如，4 个属性：padding-top、padding-right、padding-bottom和padding-left可以安全地替换为单个padding属性。请注意，如果速记属性集不完整（例如，规则集中只有 3 个属性），则不会显示此检查，padding-xxx因为切换到速记可能会改变结果。对于这种情况，请考虑“属性可能会被简写”检查。 | | |
报告一组速记 CSS 属性并建议用速记形式替换一组不完整的速记 CSS 属性，但在这种情况下不是 100% 等效的。 例如，2 个属性：outline-colorandoutline-style可以替换为单个outline. 这种替换不是 100% 等效的，因为速记将所有省略的子值重置为其初始状态。在此示例中，切换到outline简写意味着outline-width也将其设置为其初始值，即medium.此检查不处理全套速记属性（切换到速记时是 100% 安全的）。对于这种情况，请参阅“属性可以安全地替换为速记”检查。 | | |
报告指定浏览器不支持的 CSS 属性。基于MDN 兼容性数据。 | ||
报告出现在选择器中但未在 HTML 中使用的 CSS 类或元素 ID。 请注意，只有通过 Code | 运行时才能获得完整的检查结果。检查代码或代码 | 分析代码 | 按名称运行检查。由于性能原因，不会动态检查样式表文件。 | |
没有高亮，只有修复