/* 正常写法 */ p { font-size: 14px; line-height: 1.5; color: #333333; margin-bottom: 20px; } /* 省略写法 */ p { font-size: 14px; line-height: 1.5; color: #333333; margin-bottom: 20px; ... }
上面的示例代码中,“…”代表其他未显示出来的样式代码。大家可以把超过三行的代码放在“…”之中,这样可以让代码看起来更加简洁。
但是需要注意的是,省略写法必须有明确的规则。所以大家通常将不同的属性写在不同的“…”中,这样可以方便开发者更快对代码进行修改。
/* 正常写法 */ p { font-size: 14px; line-height: 1.5; color: #333333; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } /* 省略写法 */ p { font-size: 14px; line-height: 1.5; color: #333333; margin-bottom: 20px; ... margin-left: 10px; ... margin-right: 10px; ... }
总的来说,超过三行省略语法是CSS的一种高效的写法,可以帮助大家简化代码,同时提高代码的可读性和可维护性。