网站建设定制公司:att表示元素的属性
应用此样式的代码如下:
<ul class="txtnthcld">
<p>我们是一起的</p>
<p>不得变成红的</p>
/+父元素的样式txtnthcld*/
/+作用于父元素中倒数第3个子元素+/
<!..套用父元素的样式txtnthcld-一>
<!..父元素中的倒数第3个子元素.->
<p>我是第三个,我要变红求关注</p>
</ul>
浏览器中的浏览效果如图6-10所示。
(4) E:first-child与E:last-child结构性伪类选择符
●E:first-child结构性伪类选择符用于匹配父元素中第一个子元素。其格式为:
E:first-child:[att]
{
/*CSS代码*,
}
其中,E表示网页元素,first-child表示第一个子元素,att表示元素的属性。
●E:last-child结构性伪类选择符用于匹配父元素中最后一个子元素。其格式为:
E:last-child:【att]
{
/*CSS代码*/
}
其中,E表示网页元素,
.texfstcld f
width:200px;
)
last-child表示最后一个子元素,att表示元素的属性。示例代码如下:
texfstcld li{
width:100%;
background-color:#999
list-style:none;
border:solid lpx #000;
.texfstcld li:first-child {
border-top:none;
.texfstcld li:last-child {
border-bottom:none;
/+父元素的样式texfstcld*/
/+父元素的第一个子元素样式,上边框无框线8/
/+父元素的最后一个子元素样式,下边框无框线+/
<li>购物车</li> <1--父元素中的第一个子元素..>
<li>客服中心</li>
<li>加入收藏</li>
<li>登录</li>
<li>注册</li> <1--父元素中的最后一个子元素..>
</ul>
本文地址:
http://www.yishenzhou.com/yes/post/378.html | 分类:导示设计公司 |
次阅读