码迷,mamicode.com
首页 > 其他好文 > 详细

nth-child,nth-last-child,after,before,tab-highlight-color,first-child,last-child

时间:2015-08-18 18:58:20      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

nth-child:定义第几个元素或者是奇数或者是偶数,或者满足某个数字倍数的dom的样式

li:nth-child(3n),结果如下,li:nth-child(2)结果如下

技术分享技术分享

 

nth-last-child道理和nth-child一样,只不过是反过来

    p:nth-last-child(4n){
        color:red;
    }

技术分享

before和after就是在元素前面和后面添加上文本,一般结合content来使用

技术分享技术分享

 

 

tab-highlight-color这个是当dom获取焦点时的高亮的效果,可以自己定义,不好截图,不截了,这样来使用

tap-highlight-color:rgba(255,0,0,0);,如果不想有任何效果,那么久直接将透明度设为0

 

first-child,last-child这两个就是nth-child的特殊情况,在此不做赘述

nth-child,nth-last-child,after,before,tab-highlight-color,first-child,last-child

标签:

原文地址:http://www.cnblogs.com/benchan2015/p/4739694.html

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