其他分享
首页 > 其他分享> > css实现给第几个元素加样式

css实现给第几个元素加样式

作者:互联网

html

  <ul>
      <li>ho</li>
      <li>ho</li>
      <li>ho</li>
      <li>ho</li>
      <li>ho</li>
  </ul>

选择器写法描述
:only-childp:only-child选择属于其父元素的唯一子元素的每个p元素。
:nth-child(n)p:nth-child(2)选择属于其父元素的第二个子元素的每个p元素。。
:nth-last-child(n)p:nth-last-child(2)同上,从最后一个子元素开始计数。
:nth-of-type(n)p:nth-of-type(2)选择属于其父元素第二个p元素的每个 p元素。
:nth-last-of-type(n)p:nth-last-of-type(2)同上,但是从最后一个子元素开始计数。
:last-childp:last-child选择属于其父元素最后一个子元素每个 p元素。
:first-childp:first-child选择属于父元素的第一个子元素的每个 p元素。

也可用倍数选择

/*4n就是4的倍数都加这个样式*/
p:nth-child(4n){}

标签:last,第几个,样式,元素,nth,ho,child,type,css
来源: https://blog.csdn.net/weixin_45048913/article/details/115527069