• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    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
    • 閱讀 ( 729 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    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 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆