CSS是指層疊樣式表（Cascading Style Sheets），是一種用來描述HTML或XML等文檔的外觀和格式的語言。其中，類是CSS用來定義多個(gè)元素樣式的重要機(jī)制。在HTML文檔中，使用class屬性給元素指定類名，然后在CSS中引用該類名進(jìn)行樣式設(shè)置。下面我們來看看如何引用兩個(gè)類來設(shè)置元素樣式。

.class1 {
color: blue;
}
.class2 {
font-size: 16px;
}
.class1.class2 {
text-decoration: underline;
}

在上面的代碼中，定義了兩個(gè)類，分別為class1和class2，分別設(shè)置了藍(lán)色字體和16像素的字體大小，而且值得注意的是，當(dāng)我們想要引用兩個(gè)類進(jìn)行樣式設(shè)置時(shí)，我們可以使用多個(gè)類名的結(jié)合選擇器，即class1.class2，同時(shí)套用兩個(gè)類的樣式，可以實(shí)現(xiàn)定義一個(gè)新的背景樣式。

比如，如果我們想要設(shè)置一個(gè)塊元素，同時(shí)具有class1和class2兩個(gè)類的背景顏色，我們可以這樣設(shè)置：

.class1 {
background-color: red;
}
.class2 {
background-color: green;
}
.class1.class2 {
background-color: blue;
}

通過上述設(shè)置，我們就可以得到一個(gè)同時(shí)具有兩個(gè)類名的元素，同時(shí)設(shè)置兩個(gè)背景顏色的效果！