CSS3选择器(八)通用选择器E ~ F

%77w%77%2E%66%6F%72%61%73%70%2E%63%6E
第二十九节：CSS3选择器之:通用选择器 E ~ F

语法：
E ~ F ：{attribute}

说明：
匹配E元素之后的F元素

兼容性：
IE7,IE8,Firefox2.0,Firefox3.0,Chrome1.0,Chrome2.0,Opera9.63,Safari3.1,Safari 4Public beta

代码示例：
<style type="text/css">
div ~ p {background-color:#00FF00;}
p{ height:50px;}
</style>
<div style="width:733px; border: 1px solid #666; padding:5px;">
<div>
    <p>匹配E元素之后的F元素</p>
    <p>匹配E元素之后的F元素</p>
</div>
<hr />
<p>匹配E元素之后的F元素，这里的背景是绿色的</p>
<p>匹配E元素之后的F元素，这里的背景是绿色的</p>
<hr />
<p>匹配E元素之后的F元素</p>
<hr />
<div>匹配E元素之后的F元素</div>
<hr />
<p>匹配E元素之后的F元素，这里的背景是绿色的</p>
</div>
<p>匹配E元素之后的F元素，这里的背景也是绿色的</p>
注：匹配的是与E元素并列的F元素，即F元素与E元素是同级的关系

学习www.网for站asp制.cn作