通用兄弟選擇器
此選擇器要比相鄰兄弟選擇器匹配的范圍要廣，沒(méi)有"相鄰"的限制。
E ~ F
以上是創(chuàng)建通用兄弟選擇器的格式。E和F必須具有同一個(gè)父元素，并且F元素在E元素的后面，代碼實(shí)例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文網(wǎng)</title>
<style type="text/css">
li{color:blue}
.antzone ~ li{
??color:red;
}
</style>
</head>
<body>
<ul>
??<li>php中文網(wǎng)一</li>
??<li class="antzone">php中文網(wǎng)二</li>
??<li>php中文網(wǎng)三</li>
??<li>php中文網(wǎng)四</li>
</ul>
</body>
</html>
以上代碼可以將antzone后面的所有l(wèi)i元素的字體設(shè)置為紅色。
