Question

是否有任何规则之间没有空格的指导方针？没有像下面这样的空间可以吗：

#Ellipse_1 {
    fill: rgba(0,157,255,1);
    cursor: context-menu;
}.Ellipse_1 {
    overflow: visible;
}

在我的测试中，它似乎适用于 Firefox 和 Chrome 浏览器。

Answer 1

CSS 语法描述in the specification：

<块引用>

stylesheet  : [ CDO | CDC | S | statement ]*;
statement   : ruleset | at-rule;
at-rule     : ATKEYWORD S* any* [ block | ';' S* ];
block       : '{' S* [ any | block | ATKEYWORD S* | ';' S* ]* '}' S*;
ruleset     : selector? '{' S* declaration? [ ';' S* declaration? ]* '}' S*;
selector    : any+;
declaration : property S* ':' S* value;
property    : IDENT;
value       : [ any | block | ATKEYWORD S* ]+;
any         : [ IDENT | NUMBER | PERCENTAGE | DIMENSION | STRING
              | DELIM | URI | HASH | UNICODE-RANGE | INCLUDES
              | DASHMATCH | ':' | FUNCTION S* [any|unused]* ')'
              | '(' S* [any|unused]* ')' | '[' S* [any|unused]* ']'
              ] S*;
unused      : block | ATKEYWORD S* | ';' S* | CDO S* | CDC S*;

规则集末尾的 S 之后的空格 (*) 是可选的 (})。规则集是一种语句。样式表可以由一系列语句组成。

它们之间不需要空格。

也就是说，空格有助于提高可读性，因此您应该在编写 CSS 时包含它。（用于生产的缩小 CSS 是另一回事）。

是否有规则之间没有空格的准则？

1 个答案: