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;←この後の空の宣言との区切り
}
という風に解釈すればよいわけです。
あとは、保守性なんかを考えてルール決めすればよいんじゃないかなと思います。