Skip to main content

container-name-pattern

为容器名称指定模式。

¥Specify a pattern for container names.

@container foo (width > 400px) {}
/** ↑

* The pattern of this */

message 次要选项 可以接受该规则的参数。

¥The message secondary option can accept the arguments of this rule.

选项

¥Options

regex|string

字符串将被转换为正则表达式,如 new RegExp(yourString) — 因此请务必正确转义。

¥A string will be translated into a RegExp like so new RegExp(yourString) — so be sure to escape properly.

给定字符串:

¥Given the string:

"foo-.+"

以下模式被视为问题:

¥The following patterns are considered problems:

@container foo {}
a { container-name: bar; }
a { container: baz / inline-size; }

以下模式不被视为问题:

¥The following patterns are not considered problems:

@container foo-bar {}
a { container-name: foo-bar; }
a { container: foo-baz / inline-size; }