noShorthandPropertyOverrides

诊断类别：lint/suspicious/noShorthandPropertyOverrides

¥Diagnostic Category: lint/suspicious/noShorthandPropertyOverrides

自从：v1.8.2

¥Since: v1.8.2

来源：

¥Sources:

与以下相同：stylelint/declaration-block-no-shorthand-property-overrides

¥Same as: stylelint/declaration-block-no-shorthand-property-overrides

禁止覆盖相关长写属性的简写属性。

¥Disallow shorthand properties that override related longhand properties.

有关简写属性的详细信息，请参阅 MDN web 文档。

¥For details on shorthand properties, see the MDN web docs.

示例

¥Examples

无效

¥Invalid

a { padding-left: 10px; padding: 20px; }

code-block.css:1:25 lint/suspicious/noShorthandPropertyOverrides ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Unexpected shorthand property padding after padding-left
  
  > 1 │ a { padding-left: 10px; padding: 20px; }
      │                         ^^^^^^^
    2 │

有效

¥Valid

a { padding: 10px; padding-left: 20px; }

a { transition-property: opacity; } a { transition: opacity 1s linear; }

noShorthandPropertyOverrides

示例

无效

有效

相关链接