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的特殊情况,在此不做赘述
时间: 2024-10-09 15:28:46