noDuplicateCustomProperties

摘要

¥Summary

规则生效日期：v1.9.0

¥Rule available since: v1.9.0
诊断类别：lint/suspicious/noDuplicateCustomProperties

¥Diagnostic Category: lint/suspicious/noDuplicateCustomProperties
此规则为推荐规则，默认启用。

¥This rule is recommended, which means is enabled by default.
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 error。

¥The default severity of this rule is error.
来源：

¥Sources:
- 与 declaration-block-no-duplicate-custom-properties 相同
  
  ¥Same as declaration-block-no-duplicate-custom-properties

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "suspicious": {
5
        "noDuplicateCustomProperties": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

禁止在声明块中重复自定义属性。

¥Disallow duplicate custom properties within declaration blocks.

此规则检查声明块中是否存在重复的自定义属性。

¥This rule checks the declaration blocks for duplicate custom properties.

示例

¥Examples

无效

¥Invalid

1
a { --custom-property: pink; --custom-property: orange;  }

code-block.css:1:30 lint/suspicious/noDuplicateCustomProperties ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Duplicate custom properties can lead to unexpected behavior and may override previous declarations unintentionally.
  
  > 1 │ a { —custom-property: pink; —custom-property: orange;  }
      │                              ^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ —custom-property is already defined here.
  
  > 1 │ a { —custom-property: pink; —custom-property: orange;  }
      │     ^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Remove or rename the duplicate custom property to ensure consistent styling.

1
a { --custom-property: pink; background: orange; --custom-property: orange }

code-block.css:1:50 lint/suspicious/noDuplicateCustomProperties ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Duplicate custom properties can lead to unexpected behavior and may override previous declarations unintentionally.
  
  > 1 │ a { —custom-property: pink; background: orange; —custom-property: orange }
      │                                                  ^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ —custom-property is already defined here.
  
  > 1 │ a { —custom-property: pink; background: orange; —custom-property: orange }
      │     ^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Remove or rename the duplicate custom property to ensure consistent styling.

有效

¥Valid

1
a { --custom-property: pink; }

1
a { --custom-property: pink; --cUstOm-prOpErtY: orange; }

noDuplicateCustomProperties

摘要

如何配置

描述

示例

无效

有效

相关链接