CSS中的括號指的是花括號{},它們在CSS中扮演著重要的角色。CSS樣式定義塊必須位于這對花括號內,并且多個樣式定義之間使用分號;分隔。
.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樣式將更加精確。
上一篇css 投影 菜鳥教程
下一篇css 把第二個標簽居中