咨询热线：020-85648757     客服：020-85648755 85646535
【南方网景】是提供网站建设、网页设计、推广优化和软件开发的互联网综合服务商
点击这里给我发消息
点击这里给我发消息
点击这里给我发消息 点击这里给我发消息
文章中心
+ 新闻中心
+ 网站建设
+ 网页设计
+ 平面动画
+ 网站开发
+ 数据库开发
+ 安全维护
+ 网站安全
+ 软件开发
首页 > 行业资讯 > Javascript>详细内容

CSS3 伪类选择器 :nth-of-type

添加时间：2013-12-6
    相关阅读: CSS
:nth-of-type类似于:nth-child，不同的是他只计算选择器中指定的那个元素,其实我们前面的实例都是指定了具体的元素，这个选择器主要对用来定位元素中包含了好多不同类型的元素是很有用处，比如说，我们div.demo下有好多p元素，li元素，img元素等，但我只需要选择p元素，并让他每隔一个p元素就有不同的样式，那我们就可以简单的写成：

.demo p:nth-of-type(even) {background-color: lime;}

其实这种使用和:nth-child使用是一样的，也可以使用:nth-child的那些表达式和使用方法，唯一不同的是这种指定了元素的类型而以。同样在IE6-8和FF3.0-浏览器不支持这种选择器


 

相关CSS3 伪类选择器 :nth-of-type

快速导航：南方网景 IT新闻 资源中心 网页设计 网站建设 软件开发 网站案例 网站制作 开发工具 网站报价 推广优化 域名注册 虚拟主机 付款方式 联系我们 关于我们
咨询热线：020-85648757 85648755 85648616 0755-27912581 客服：020-85648756 0755-27912581 业务传真：020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址：广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址：深圳市宝源路华丰宝源大厦606
研发中心：广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册