【专业品牌网站建设】
图6-10 E:nth-last-child(n)选择符 图6-11 E:frst-child与E:last-child选择符(5) E:only-child结构性伪类选择符E:only-child结构性伪类选择符用于匹配属于父元素中唯一的子元素。其格式为:
E:only-child:[att]
{
/*CSS代码*/
}
其中,E表示网页元素,
.txtonlycld{
width:233px;
)
.txtonlycld p{
color:#099;
only-child表示唯一的子元素,att表示元素的属性。示例代码如下
.txtonlycld p:only-child{
color:#ff0000;
)
应用此样式的代码如下:
<ul class=”txtonlycld”>
<p>我们是一起的</p>
<p>不得变成红的</p>
/+父元素的样式texfstcld*/
/+父元素中的唯一子元素,红色文字+/
<!..套用父元素的样式txtonlycld-->
<!.,父元素中的第一个子元素..>
<!.,父元素中的第二个子元素..>
</ul>
<ul class=”txtonlycld”>
<p>我只有一个,我要变红求关注</p> <!一父元素中的唯一子元素一>
</ul>
浏览器中的浏览效果如图6-12所示。
(6) E:empty结构性伪类选择符
E:empty结构性伪类选择符用于匹配内容为空的元素。其格式为:
E:empty:[att]
{
/*css代码+/
}
其中,E表示网页元素,empty表示内容为空的元素,att表示元素的属性。示例代码如下: