noImportantInKeyframe

摘要

¥Summary

规则生效日期：v1.8.0

¥Rule available since: v1.8.0
诊断类别：lint/suspicious/noImportantInKeyframe

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

¥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:
- 与 keyframe-declaration-no-important 相同
  
  ¥Same as keyframe-declaration-no-important

如何配置

¥How to configure

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

描述

¥Description

禁止在关键帧声明中允许无效的 !important

¥Disallow invalid !important within keyframe declarations

在某些浏览器中，在关键帧声明中使用 !important 会被完全忽略。

¥Using !important within keyframes declarations is completely ignored in some browsers.

示例

¥Examples

无效

¥Invalid

1
@keyframes foo {
2
    from {
3
      opacity: 0;
4
    }
5
    to {
6
      opacity: 1 !important;
7
    }
8
}

code-block.css:6:18 lint/suspicious/noImportantInKeyframe ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Using !important within keyframes declaration is completely ignored in some browsers.
  
    4 │     }
    5 │     to {
  > 6 │       opacity: 1 !important;
      │                  ^^^^^^^^^^
    7 │     }
    8 │ }
  
  ℹ Consider removing useless !important declaration.

有效

¥Valid

1
@keyframes foo {
2
    from {
3
      opacity: 0;
4
    }
5
    to {
6
      opacity: 1;
7
    }
8
}

noImportantInKeyframe

摘要

如何配置

描述

示例

无效

有效

相关链接