css伪类选择器及其兼容性
2016-07-08 18:03
381 查看
常用的几个选择子元素的伪类选择器:
1. :first-child (兼容性:对于 IE8 及更早版本的浏览器中的 :first-child,必须声明 <!DOCTYPE>。)
匹配选中元素的第一个元素,如图
2. :last-child (兼容性:ie9以下不支持)
匹配选中元素的最后一个元素,如图
3. :nth-child(n) (兼容性:ie9以下不支持)
匹配选中元素的第n个元素,如图
4. :nth-child(n+m) (兼容性:ie9以下不支持)
匹配选中元素的索引大于m的所有元素,如图(图中表示所有大于4的奇数显示绿色)
1. :first-child (兼容性:对于 IE8 及更早版本的浏览器中的 :first-child,必须声明 <!DOCTYPE>。)
匹配选中元素的第一个元素,如图
2. :last-child (兼容性:ie9以下不支持)
匹配选中元素的最后一个元素,如图
3. :nth-child(n) (兼容性:ie9以下不支持)
匹配选中元素的第n个元素,如图
4. :nth-child(n+m) (兼容性:ie9以下不支持)
匹配选中元素的索引大于m的所有元素,如图(图中表示所有大于4的奇数显示绿色)
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 盒子模型
- CSS选择器
- CSS样式优先权
- [css] line-height 百分比单位和数值单位的区别
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- 浏览器中唤起native app || 跳转到应用商城下载
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页