示例:
这是一段文本,有一个用红色,一个用蓝色;一个用红色加粗,一个用蓝色加粗;一个用红色加粗斜体,一个用蓝色加粗斜体。
一般思维需要定义6个CSS样式,如果用以下方法,只需要定义4个CSS:
CSS定义:
| <STYLE type=text/css> <!-- .red { color: red; } .blue { color: blue; } .oblique { font-style: oblique; } .bold { font-weight: bold; } --> </STYLE> |
CSS调用:
| <P> 这是一段文本,有一个用<span class="red">红色</span>,一个用<span class="blue">蓝色</span>;一个用<span class="red bold">红色加粗</span>,一个用<span class="blue bold">蓝色加粗</span>;一个用<span class="red bold oblique">红色加粗斜体</span>,一个用<span class="blue bold oblique">蓝色加粗斜体</span>。</P> |
规则:
同时调用二个及二个以上CSS定义名,要以“半角空格”隔开。如果多个CSS定义中规则有重叠,根据CSS优先级规则,越靠近内容越优先后面定义将优先。