noDuplicateProperties

摘要

¥Summary

规则生效日期：v1.9.4

¥Rule available since: v1.9.4
诊断类别：lint/suspicious/noDuplicateProperties

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

¥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-properties 相同
  
  ¥Same as declaration-block-no-duplicate-properties

如何配置

¥How to configure

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

描述

¥Description

禁止在声明块中使用重复的属性。

¥Disallow duplicate properties within declaration blocks.

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

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

示例

¥Examples

无效

¥Invalid

1
a {
2
  color: pink;
3
  color: orange;
4
}

code-block.css:3:3 lint/suspicious/noDuplicateProperties ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

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

有效

¥Valid

1
a {
2
  color: pink;
3
  background: orange;
4
}

noDuplicateProperties

摘要

如何配置

描述

示例

无效

有效

相关链接