最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
:first-child和:last-child学习笔记
时间:2013-11-12 编辑:简简单单 来源:一聚教程网
刚在折腾主题的时候发现的一个小问题,我很好奇。
首先介绍下:first-child伪类,即选择第一个对象。
例如:
在css中可以使用.loop:first-child给第一个层单独定义样式。同理,可以使用.loop:last-child给最后一个层单独定义。
出现问题
如果在下面加上一行:
那么.loop:last-child就会失效,不会作用于任何div。同理,如果在前面加上一个div,那么.loop:first-child也会失效。
解决办法
使用一个div将所有.loop包裹,即:
那么.loop:last-child就有效了,同理.loop:first-child。
补充
根据结构不同,在部分情况下可能只会出现:last-child失效。总之只要两个中一个出了问题,就极可能是使用此样式的层没有被整个包裹起来。
-
上一个: CSS浏览器兼容性问题及解决方案
-
下一个: IE图片链接有边框解决方法小结
相关文章
- Python单例模式和工厂模式学习笔记 11-08
- Python的装饰器decorator的学习笔记 10-21
- Rails学习笔记之Rails 基础教程 10-08
- Ruby学习笔记之Ruby 模块 10-08
- Ruby学习笔记之Ruby 对象 10-08
- 适合于新手的Python学习笔记 09-13