css 选择器之子元素

    xiaoxiao2022-07-03  122

    <div class="wrap"> <span>1</span> <span>2</span> <span>3</span> <span>4</span> </div>

    nth-child(n)&nth-last-child(n)从后往前找子元素

    /* 选择父元素下的第二个子元素,且这个子元素是span元素 如果第二个子元素不是span则找不到元素*/ .wrap span:nth-child(2){ color:red; }

    nth-of-type(n)&nth-last-of-type(n)从后往前找子元素

    /* 选择父元素下的第二个span,会找到子元素的第2个span,不管有没有其他元素阻碍 */ .wrap span:nth-of-type(2){ color:red; }

     

    最新回复(0)