通用兄弟選擇器
此選擇器要比相鄰兄弟選擇器匹配的範(fàn)圍要廣，沒(méi)有"相鄰"的限制。
E ~ F
以上是建立通用兄弟選擇器的格式。 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è)定為紅色。
