本文目錄導(dǎo)讀：

1. 使用類選擇器與后代選擇器結(jié)合
2. 使用相鄰兄弟選擇器或通用兄弟選擇器

CSS如何同時(shí)影響兩個(gè)標(biāo)簽

在CSS（層疊樣式表）中，我們可以使用各種選擇器來(lái)同時(shí)影響兩個(gè)或多個(gè)標(biāo)簽，這允許我們以一種聲明性的方式描述網(wǎng)頁(yè)的外觀和格式，以下是一些方法，展示如何通過(guò)CSS同時(shí)影響兩個(gè)標(biāo)簽。

使用類選擇器與后代選擇器結(jié)合

我們可以使用類選擇器與后代選擇器結(jié)合的方式，為特定類下的子元素設(shè)置樣式，如果我們想要同時(shí)改變所有在類名為“.container”的元素內(nèi)部的兩個(gè)特定標(biāo)簽（如p和h2）的樣式，我們可以這樣寫：

.container p, .container h2 {
  /* 同時(shí)影響 .container 下的 p 和 h2 標(biāo)簽 */
  color: blue; /* 文字顏色為藍(lán)色 */
  font-size: 16px; /* 字體大小為16像素 */
}

在這個(gè)例子中，所有在.container類下的<p>和<h2>元素都將被賦予藍(lán)色文字和字體大小為16像素的樣式。

使用相鄰兄弟選擇器或通用兄弟選擇器

相鄰兄弟選擇器（Adjacent Sibling Selector）用于選擇某個(gè)元素之后的下一個(gè)兄弟元素，通用兄弟選擇器（Universal Selector）則可以選擇所有兄弟元素。

h1 + p { /* h1后面的***個(gè)相鄰的p元素 */
  color: red; /* 文字顏色為紅色 */
}

或者：

h1 ~ div { /* h1后面的所有相鄰的div元素 */
  background-color: yellow; /* 背景色為黃色 */
}

這些選擇器允許我們根據(jù)特定的關(guān)系來(lái)影響多個(gè)標(biāo)簽，需要注意的是，這些選擇器的使用取決于HTML元素的布局和順序，它們也可以與其他CSS選擇器結(jié)合使用，以創(chuàng)建更復(fù)雜的樣式規(guī)則，通過(guò)合理地使用這些技術(shù)，我們可以有效地通過(guò)CSS同時(shí)影響兩個(gè)或多個(gè)標(biāo)簽。