Sublime编纂器

Sublime编纂器

HTML+CSS

方式/步调

  1. 1

    先完当作一个用来尝试:nth-child()的根基HTML样式与布局,代码及预览结果如下所示:

    7aec54e736d12f2e7f4235b741c2d562843568a6.jpg b151f8198618367a8bf0e40a20738bd4b21ce5e8.jpg e61190ef76c6a7ef1e6133f1f3faaf51f2de66a6.jpg
  2. 2

    若是n暗示一个具体数值3,则会选择某元素下的第3个子元素,如下所示:

    0bd162d9f2d3572c7a87070b8413632763d0c384.jpg 34fae6cd7b899e5126e4a1c34ca7d933c9950dfa.jpg
  3. 3

    若是就是一个n,将会选中父元素的所有子元素,如下所示:

    8c1001e93901213f79a5d50b5ae736d12e2e9557.jpg 8b82b9014a90f6033ad307903712b31bb151ed82.jpg
  4. 4

    若是n是一个表达式2n,则暗示所有的偶数项城市被选中,如下所示:

    80cb39dbb6fd5266f0b9a7c3a518972bd5073652.jpg d0c8a786c9177f3e67da67da7ecf3bc79e3d567e.jpg
  5. 5

    若是n是一个表达式2n+1,则暗示所有的奇数项城市被选中,如下所示:

    b3fb43166d224f4a5d2fe8c407f790529922d1b7.jpg c9fcc3cec3fdfc038293786fda3f8794a5c22679.jpg
  6. 6

    若是n是一个表达式n+5,则暗示从第5个子元素起头一向到最后的子元素城市被选中,如下所示:

    3b292df5e0fe992561e9f2873aa85edf8cb17104.jpg 50da81cb39dbb6fd4de87ef10724ab18962b37b1.jpg
  7. 7

    若是n是一个表达式-n+5,则暗示选择父元素的第1个到第5个子元素,它和n+5正好相反,如下所示:

    5d6034a85edf8db129f8e7b30723dd54574e7417.jpg d0c8a786c9177f3e981f66da7ecf3bc79f3d563a.jpg
  8. 8

    以上就是布局伪类选择器:nth-child()最常用的几种体例,但愿对大师有所帮忙。

  • 发表于 2019-08-10 18:07
  • 阅读 ( 727 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具