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

2021/4/8 18:27:05

编程Tag： type css 元素 样式 last child Nth 第几个 ho

本文主要是介绍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){}


这篇关于css实现给第几个元素加样式的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！


相关编程文章

更多>
本站官方QQ
官方QQ:
23002807

沪ICP备2023033072号-1

     

扫一扫关注最新编程教程