CSS復合選擇器是一種CSS選擇器，它允許您同時選擇多個不同類型的元素。使用復合選擇器，您可以在一次選擇中選擇多個不同類型的元素，而無需使用單個選擇器來覆蓋所有可能的選擇。

在這篇文章中，我們將介紹如何使用CSS復合選擇器來選擇具有相同或相似屬性的多個元素。我們將演示如何使用以下選擇器：

```css

/* 選擇所有父級別的元素 */

.parent {

/* 樣式 */

/* 選擇第一個子元素 */

.child {

/* 樣式 */

/* 選擇第二個子元素 */

.second-child {

/* 樣式 */

這些選擇器如何使用視頻來演示它們的效果。首先，我們將創建一個HTML元素，其中包含一個包含多個子元素的列表。然后，我們將使用CSS選擇器來選擇這些子元素。

例如，我們可以選擇第一個子元素，使用以下CSS:

```css

.child:first-child {

/* 樣式 */

這將選擇整個列表中的第一個子元素。我們還可以選擇第二個子元素，使用以下CSS:

```css

.child:first-child, .child:second-child {

/* 樣式 */

這將選擇第一個子元素，第二個子元素，以及所有與第一個子元素具有相同屬性的其他子元素。

除了選擇器，我們還可以使用偽類選擇器和屬性選擇器來選擇更多的元素。例如，我們可以使用偽類選擇器來選擇具有相同標簽名但不同標簽類型的元素，或者使用屬性選擇器來選擇具有相同屬性值但不同屬性名稱的元素。

總之，CSS復合選擇器是一種非常有用的CSS工具，它允許您選擇具有相同或相似屬性的多個元素，而無需使用單個選擇器來覆蓋所有可能的選擇。通過使用復合選擇器，您可以更好地組織您的CSS代碼，并更好地控制元素的選擇。