CSSの最後のセミコロン

| コメント(0)

CSSの最後のセミコロンは省略できます。

.selector {
	color:red;
	font-size:red;←これ
}

というのもCSSのセミコロンは行末に記述するお約束ではなく、複数の宣言を区切る際に利用するものです。

multiple declarations for the same selector may be organized into semicolon (;) separated groups.

4.1.8 Declarations and properties

じゃ最後にセミコロンがあると文法違反かというとそうではなくて、

declaration
: property ':' S* expr prio?
| /* empty */

Appendix G. Grammar of CSS 2.1

CSSの宣言には空の状態も認められていますので

.selector {
	color:red;
	font-size:red;←この後の空の宣言との区切り
}

という風に解釈すればよいわけです。

あとは、保守性なんかを考えてルール決めすればよいんじゃないかなと思います。

スポンサードリンク

「css」の関連記事

コメントする