跳至主要內容

declaration-block-no-shorthand-property-overrides

禁止會覆寫相關長寫屬性的簡寫屬性。

a { background-repeat: repeat; background: green; }
/** ↑
* This overrides the longhand property before it */

在幾乎所有情況下,這只是一個作者的疏忽。有關此行為的更多資訊,請參閱 MDN 的簡寫屬性文件

message 次要選項 可以接受此規則的引數。

選項

true

下列模式被視為問題

a {
padding-left: 10px;
padding: 20px;
}
a {
transition-property: opacity;
transition: opacity 1s linear;
}
a {
-webkit-transition-property: opacity;
-webkit-transition: opacity 1s linear;
}
a {
border-top-width: 1px;
top: 0;
bottom: 3px;
border: 2px solid blue;
}

下列模式不是被視為問題

a { padding: 10px; padding-left: 20px; }
a { transition-property: opacity; } a { transition: opacity 1s linear; }
a { transition-property: opacity; -webkit-transition: opacity 1s linear; }