跳至主要內容

規則-空行前置

需要或禁止規則前有空行。

a {}
      /* ← */
b {}  /* ↑ */
/**      ↑
 * This line */

此規則會忽略來源中第一個節點的規則。

fix 選項 可自動修正此規則回報的所有問題。

選項​

字串: "always"|"never"|"always-multi-line"|"never-multi-line"

"always"​

規則前必須永遠有空行。

以下模式被視為問題

a {} b {}
a {}
b {}

以下模式不會被視為問題

a {}

b {}

"never"​

規則前絕不能有空行。

以下模式被視為問題

a {}

b {}

以下模式不會被視為問題

a {} b {}
a {}
b {}

"always-multi-line"​

多行規則前必須永遠有空行。

以下模式被視為問題

a {
  color: red;
}
b {
  color: blue;
}

以下模式不會被視為問題

a {
  color: red;
}

b {
  color: blue;
}

"never-multi-line"​

多行規則前絕不能有空行。

以下模式被視為問題

a {
  color: red;
}

b {
  color: blue;
}

以下模式不會被視為問題

a {
  color: red;
}
b {
  color: blue;
}

其他次要選項​

except: ["after-rule", "after-single-line-comment", "inside-block-and-after-rule", "inside-block", "first-nested"]​

"after-rule"​

反轉主要選項，適用於在其他規則之後的規則。

例如，使用 "always"

以下模式被視為問題

a {}

b {}

以下模式不會被視為問題

a {}
b {}

"after-single-line-comment"​

反轉單行註解後規則的主要選項。

例如，使用 "always"

以下模式被視為問題

/* comment */

a {}

以下模式不會被視為問題

/* comment */
a {}

"inside-block-and-after-rule"​

反轉區塊內且在其他規則後的規則的主要選項。

例如，使用 "always"

以下模式被視為問題

@media {

  a {}

  b {}
}

以下模式不會被視為問題

@media {

  a {}
  b {}
}

"inside-block"​

反轉區塊內規則的主要選項。

例如，使用 "always"

以下模式被視為問題

a {
  color: red;

  & b {
    color: blue;
  }
}

以下模式不會被視為問題

a {
  color: red;
  & b {
    color: blue;
  }
}

"first-nested"​

反轉巢狀且為其父節點第一個子項目的規則的主要選項。

例如，使用 "always"

以下模式被視為問題

@media {

  a {}

  b {}
}

以下模式不會被視為問題

@media {
  a {}

  b {}
}

ignore: ["after-comment", "first-nested", "inside-block"]​

"after-comment"​

忽略註解後的規則。

例如，使用 "always"

以下模式不會被視為問題

/* comment */
a {}

"first-nested"​

忽略巢狀且為其父節點第一個子項目的規則。

例如，使用 "always"

以下模式不會被視為問題

@media {
  a {}

  b {}
}

"inside-block"​

忽略區塊內的規則。

例如，使用 "always"

以下模式不會被視為問題

@media {
  a {}
}
@media {
  a {}
  b {}
}