noImportantInKeyframe

诊断类别：lint/suspicious/noImportantInKeyframe

¥Diagnostic Category: lint/suspicious/noImportantInKeyframe

自从：v1.8.0

¥Since: v1.8.0

来源：

¥Sources:

与以下相同：stylelint/keyframe-declaration-no-important

¥Same as: stylelint/keyframe-declaration-no-important

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

¥Disallow invalid !important within keyframe declarations

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

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

示例

¥Examples

无效

¥Invalid

@keyframes foo {
    from {
      opacity: 0;
    }
    to {
      opacity: 1 !important;
    }
}

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

@keyframes foo {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}

noImportantInKeyframe

示例

无效

有效

相关链接