如何使用多个CSS类构建页面 2021-11-20 479 来源：一点导航

XHTML允许我们在标签的class属性设置中，同时使用一个以上的类名，用以定义多个CSS样式，示例如下：

<p class="content red newsblock">普通段落</p>

如果采用这种定义方式，那么这段文本将同时具有content，red，newsblock三个CSS样式。这一来，我们能够更好地重复使用CSS定义。如果在所定义的多个CSS样式中，存在样式突破的话，那么浏览器会从左到右为序，把最后一个样式定义解析为最终样式。

在实际应用中，我们可以将CSS设置为一种搭建式的结构，比如我们可以定义一种CSS用于设置颜色，比如.red{}；再定义一种CSS专门用于网站中内容的基本字体、字距排版，比如content{}；然后再做一些特例，比如出现新闻内容时，采用.newsblock{}类。这样，我们就可以根据不同情况，对class进行组合，从而形成上例中的class=“content red newsblock”的定义方式。而其他地方也许会产生新的构建，再以搭积木的方式来构建页面。