2011年7月11日

有用的nth-child

摘要: 当我想要完美的使用:nth-child或者:nth-of-type的时候有点儿头晕。你越理解它们,就能写出越好的CSS规则!在这些简单的”秘方”(实际上是表达式)中我将重复的使用一个简单的列表并随即选择数字。但是很明显很容易改变它们以获得类似的选择器。只选择第五个元素123li:nth-child(5){ color: green;}要选择第一个元素,你可以使用:first-child,或者我相信你也可以改下上面的例子来实现。选择除了前面的五个之外的所有元素li:nth-child(n+6){ color: green;}如果有超过10个元素,它将会选中超过5个。只选择前面的5个123li:n 阅读全文

posted @ 2011-07-11 09:18 backslash112 阅读(363) 评论(0) 推荐(1) 编辑

导航