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

转载于:https://www.cnblogs.com/benchan2015/p/4739694.html