在CSS中，我們可以使用多種方法來表示class并列，以下是一些常見的方法：

1、使用空格分隔：

***簡單的方法是使用空格來分隔不同的類名。

```css

.class1.class2.class3 {

/* 樣式規(guī)則 */

}

```

在這個例子中，.class1、.class2和.class3是并列的類名。

2、使用逗號分隔：

另一種方法是使用逗號來分隔不同的類名。

```css

.class1, .class2, .class3 {

/* 樣式規(guī)則 */

}

```

這種方法也很常見，它使代碼更加緊湊。

3、使用列表符號：

在某些情況下，可以使用列表符號（如>或+）來表示類名的并列關(guān)系。

```css

.class1 > .class2 > .class3 {

/* 樣式規(guī)則 */

}

```

這種方法適用于表示更復(fù)雜的嵌套關(guān)系。

4、使用偽類：

偽類（如:first-child、:last-child等）也可以用來表示并列的類名。

```css

.class1:first-child, .class2:last-child {

/* 樣式規(guī)則 */

}

```

這種方法適用于處理元素在列表或容器中的位置關(guān)系。

5、使用屬性選擇器：

屬性選擇器（如[type="text"]、[data-role="header"]等）也可以用來表示并列的類名。

```css

[type="text"], [data-role="header"] {

/* 樣式規(guī)則 */

}

```

這種方法適用于處理元素的特定屬性。

示例代碼：

以下是一個簡單的示例，展示了如何表示并列的類名：

<div class="container">
    <div class="box class1 class2 class3">Hello World!</div>
    <div class="box class1">Hello!</div>
    <div class="box class2">World!</div>
    <div class="box class3">CSS!</div>
</div>

在這個示例中，每個div元素都有多個類名，這些類名通過空格分隔，每個類名都可以應(yīng)用不同的樣式規(guī)則，你可以使用以下CSS代碼來分別應(yīng)用樣式：

.class1 { color: red; } /* 將所有帶有.class1的元素文本顏色設(shè)置為紅色 */
.class2 { color: green; } /* 將所有帶有.class2的元素文本顏色設(shè)置為綠色 */
.class3 { color: blue; } /* 將所有帶有.class3的元素文本顏色設(shè)置為藍色 */

在這個示例中，每個類名都對應(yīng)一個不同的顏色樣式。