Skip to main content

indentation

警告

此规则已弃用，并将在将来删除。 参见 迁移指南。

指定缩进。

   |@media print {
   |  a {
   | ↑  background-position: top left,
   | ↑ ↑  top right;
   | ↑}↑ ↑
   |}↑ ↑ ↑
/**  ↑ ↑ ↑
 * The indentation at these three points */

fix 选项 可以自动修复此规则报告的所有问题。

选项​

int|"tab"，其中 int 是空格数

2​

始终将 at 规则、规则、注释、声明、括号内和多行值缩进 2 个空格。

以下模式被视为问题：

@media print {
a {
background-position: top left,
top right;
}
}
@media print {
a {
  background-position: top left,
    top right;
  }
}
@media print {
  a {
    background-position: top left,
    top right;
  }
}
@media print {
  a,
    b {
    background-position: top left,
      top right;
  }
}
a {
/* blergh */
  color: pink;
}
  /* blergh */
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}
a {
  color: rgb(
  255,
  255,
  255
  );
  top: 0;
}

以下模式不被视为问题：

@media print {
  a {
    background-position: top left,
      top right;
  }
}
@media print {
  a,
  b {
    background-position: top left,
      top right;
  }
}
a {
  /* blergh */
  color: pink;
}
/* blergh */
@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {}
a {
  color: rgb(
    255,
    255,
    255
  );
  top: 0;
}

可选的辅助选项​

baseIndentLevel: int|"auto"​

默认情况下，非类 CSS 文件中 CSS 代码块的缩进级别由非空行的最短缩进确定。 设置 baseIndentLevel 允许你根据 CSS 代码块开头或结尾行定义相对缩进级别。

例如，对于 [ 2, { baseIndentLevel: 1 } ]，CSS 应比 <style> 标记缩进 1 级：

<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      a {
        display: block;
      }
    </style>
  </head>
</html>

indentInsideParens: "twice"|"once-at-root-twice-in-block"​

默认情况下，括号内的换行符后面应该有一个额外的缩进（你指定的类型），并且右括号应该没有额外的缩进。

如果你想更改括号内额外缩进的数量，请使用此选项。

"twice" 表示你期望在括号内的换行符之后有两个额外的缩进（你指定的类型），并期望右括号有一个额外的缩进。 例如：

a {
  color: rgb(
      255,
      255,
      255
    );
  top: 0;
}

"once-at-root-twice-in-block" 意味着两件事： 当括号表达式是根的直接后代节点的一部分时，你需要 "once" 的行为，如上所述 — 即不在块内。 当括号表达式是块内节点的一部分时，你需要 "twice" 的行为，如上所述。 例如：

@import (
  "foo.css"
);

a {
  color: rgb(
      255,
      255,
      255
    );
  top: 0;
}

indentClosingBrace: true|false​

如果是 true，则块的右大括号（规则或 at 规则）预计与块的内部节点具有相同的缩进级别。

例如，indentClosingBrace: true。

以下模式被视为问题：

a {
  color: pink;
}
@media print {
  a {
    color: pink;
  }
}

以下模式不被视为问题：

a {
  color: pink;
  }
@media print {
  a {
    color: pink;
    }
  }

except: ["block", "param", "value"]​

不要缩进这些东西。

例如，2。

以下模式被视为问题：

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
  a {
    background-position: top left,
      top right;
  }
}

以下模式不被视为问题：

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
a {
background-position: top left,
top right;
}
}

ignore: ["inside-parens", "param", "value"]​

"inside-parens"​

忽略括号内的缩进。

例如，2。

以下模式不被视为问题：

a {
  color: rgb(
255,
  255,
    255
  );
  top: 0;
}

"param"​

忽略 at 规则参数的缩进。

例如，2。

以下模式不被视为问题：

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 120dpi) {
}

"value"​

忽略值的缩进。

例如，2。

以下模式不被视为问题：

a {
  background-position: top left,
top right,
  bottom left,
    bottom right;
}