トップページへ

CSSの最後のセミコロン

とあるWEBクリエイターのblog » 技術系 » css » CSSの最後のセミコロン

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;←この後の空の宣言との区切り
}

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

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

« 前の記事へ

次の記事へ »

トップページへ

[PC版とあるWebクリエイターのblog]