.selector { property1: value1; property2: value2; }
在花括号内,样式定义的顺序通常不会影响样式的应用效果。但一些属性的顺序可能具有某些特殊效果。例如,字体属性的顺序要求font-style在前、font-weight其次、font-size紧随其后,如下所示:
.selector { font-style: normal; font-weight: bold; font-size: 18px; }
同一个元素的多个类定义可以在同一个括号内,它们之间用空格隔开,如下所示。
.class1.class2 { property: value; }
这样定义可以确保只有同时拥有class1和class2类的元素才会应用该样式。
有时候,你也可以在CSS样式定义块内再增加一个花括号,用于定义更为具体的样式,如下所示:
.class1 { property: value; ...... .class2 { property: value; } }
这样你就能为类1定义指定的属性和值,再在类2中定义覆盖类1的属性和值,如此你的CSS样式将更加精确。