[CSS] ~ , + / nth-child(), nth-of-type()

2021. 6. 8. 18:08ยท๐Ÿ”ฅ TIL

~ / +

~ :: ํ˜•์ œ ์ค‘์— ์ฒซ๋ฒˆ์งธ ์š”์†Œ ๋นผ๊ณ  ๋‚˜๋จธ์ง€ ์ ์šฉ.

+ :: ํ˜•์ œ ์ค‘์— ์ฒซ๋ฒˆ์งธ ์š”์†Œ๋งŒ ์ ์šฉ.

 

nth-child() / nth-of-type()

display: none ์„ ํ•˜๋ฉด n๋ฒˆ์งธ๋Š” ์ ์šฉ์ด ์•ˆ๋œ๋‹ค.

 

์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋™์ผ์กฐ๊ฑด (์ƒˆ์ฐฝ์—ด๋ฆผ)
'๐Ÿ”ฅ TIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • <select> ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ๋งŒ๋“ค์–ด๋ณด๊ธฐ
  • ์ด๋ฏธ์ง€ ์นด๋“œ ๋ฆฌ์ŠคํŠธ ๋งŒ๋“ค๊ธฐ(image card list) +์ถ”๊ฐ€์ˆ˜์ •
  • 2021.04.30
  • 21.04.29 // width % ๊ฐ’ ์ฃผ๋Š” ๋ฐฉ๋ฒ•.
jmjm
jmjm
  • jmjm
    /* jmjmjm */
    jmjm
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (127)
      • ๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ปSTUDY (83)
        • HTML (9)
        • CSS (24)
        • SASS (4)
        • JavaScript (15)
        • jQuery (9)
        • Publishing (8)
        • Git (11)
        • React (1)
        • Vue (0)
        • ์›น์ ‘๊ทผ์„ฑ (1)
        • Gulp (1)
      • ๐ŸฃcodeLab (17)
      • ๐ŸŒˆetc (9)
      • ๐Ÿ”ฅ TIL (16)
      • ๐Ÿฅฐ ์ผ์ƒ (2)
      • ๐ŸŒŸ์ฝ์–ด๋ณด๊ธฐ (0)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ slideup
    javascript nodelist
    ์ ‘๊ทผ์„ฑ ์ฃผ์˜
    javascript htmlcollection nodelist
    javascript slideup
    vscode ๋‹จ์ถ•ํ‚ค
    javascript ์•„์ฝ”๋””์–ธ
    js ์•„์ฝ”๋””์–ธ
    ์›น์ ‘๊ทผ์„ฑ
    gulp ์‹œ์ž‘ํ•˜๊ธฐ
    html collection
    HTML Form
    sticky jsfiddle
    sticky ํ™œ์šฉ
    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ slidedown
    javascript slidedown
    css flex
    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ปฌ๋ ‰์…˜
    ์ ‘๊ทผ์„ฑ ์ฃผ์˜์‚ฌํ•ญ
    javascript ์ปฌ๋ ‰์…˜
    javascript accordion
    css ๊ฐ€์ƒ์„ ํƒ์ž
    sass
    CSS ์„ ํƒ์ž
    sticky codepen
    gulp ๋ฒ„์ „
    sass compiler
    the legacy js api is deprecated and will be removed in dart sass 2.0.0
    javascript htmlcollection
    ์•„์ฝ”๋””์–ธ๋ฉ”๋‰ด
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.3
jmjm
[CSS] ~ , + / nth-child(), nth-of-type()
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”