码迷,mamicode.com
首页 > Web开发 > 详细

css选择器位置和数量技巧

时间:2017-10-29 13:54:12      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:ack   style   first   显示   大于   child   选择器   元素   round   

1. 除去首个元素

li:not(:first-child)
li + li
li:first-child ~ li

2. 第1-3个元素

li:nth-child(-n+3)

3. 除去第1-3个元素

li:not(:nth-child(-n+3))

4.第5-10个子元素

table tr:nth-child(n+5):nth-child(-n+10) {
  background-color: red;
}

5.倒数第四个以及之前的元素

:nth-last-child(n+4)

6. .list里面li元素个数大于等于4,则显示为红色(数量感知)

.list li:nth-last-child(n+4) ~ li,
.list li:nth-last-child(n+4):first-child {
  color: red
}

 

css选择器位置和数量技巧

标签:ack   style   first   显示   大于   child   选择器   元素   round   

原文地址:http://www.cnblogs.com/mengff/p/7749755.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!