CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS 函數(shù)(Functions)CSS 選擇器大全

CSS + 相鄰兄弟選擇器

相鄰兄弟選擇器 (+) 介于兩個選擇器之間，當(dāng)?shù)诙€元素緊跟在第一個元素之后，并且兩個元素都是屬于同一個父元素的子元素，則第二個元素將被選中。

完整CSS選擇器參考手冊

在線示例

選擇所有緊接著 <div> 元素之后的第一個 <p> 和第一個<span>元素:

示例

<!DOCTYPE html>
<html>
<title>菜鳥教程(cainiaoplus.com)</title>
<head>
<style>
div+p
{
background-color:red;
color:white;
}
div+span {
  background-color: DodgerBlue;
}
</style>
</head>
<body>
<h1>歡迎來到菜鳥教程(www.soo66.com)</h1>
<div>
<p>我們的網(wǎng)址是：www.soo66.com.</p>
<p>我們的網(wǎng)站名稱是：菜鳥教程.</p>
<span>演示相鄰兄弟選擇器</span>
<span>演示相鄰兄弟選擇器</span>
</div>
<p>我們?yōu)槟峁└鞣N菜鳥教程學(xué)，學(xué)好基礎(chǔ)，你才能走的更遠(yuǎn)！</p>
</body>
</html>

測試看看 ?/?

定義和用法

former_element + target_element { style properties }

element+element 相鄰兄弟選擇器用于選擇（不是內(nèi)部）指定的第一個元素之后緊跟的元素。

瀏覽器兼容性

IEFirefoxOperaChromeSafari

所有主流瀏覽器都支持 element+element 相鄰兄弟選擇器。

注意: element+element在IE8中運(yùn)行，必須聲明 <!DOCTYPE>完整CSS選擇器參考手冊

CSS 函數(shù)(Functions)CSS 選擇器大全