CSS3选择器(四)结构性伪类8
DIV+CSS 2010/12/16 14:11:40 点击:不统计
<文章来源:www.forasp.cn网站制作学习>
第二十节:CSS3选择器之:结构性伪类 E:only-child
语法:
E:only-child :{attribute}
相关伪类:E:root | E:nth-child | E:nth-last-child | E:nth-of-type | E:nth-last-of-type | E:last-child | E:first-of-type |
E:only-of-type | E:empty
说明:
匹配属于父元素中的唯一子元素E
兼容性:
Firefox3.0,Firefox3.5,Chrome1.0,Chrome2.0,Opera9.63,Safari3.1,Safari 4Public beta
代码示例:
<style type="text/css">
p:only-child {color:#FF0000;}
</style>
<div style="width:733px; border: 1px solid #666; padding:5px;">
<div>
<p>匹配属于父元素中唯一子元素的E,这里的字的颜色是红色的</p>
</div>
<div>
<p>匹配属于父元素中唯一子元素的E,这里的字的颜色是黑色的</p>
<p>匹配属于父元素中唯一子元素的E,这里的字的颜色是黑色的</p>
</div>
</div>
<%77w%77%2Ef%6F%72p%73%70%2Ec%6E>
·上一篇:CSS3选择器(四)结构性伪类7 >> ·下一篇:CSS3选择器(四)结构性伪类9 >>