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

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的特殊情况,在此不做赘述

posted @ 2015-08-18 16:09  Ben Chan  阅读(279)  评论(0编辑  收藏  举报