CODE_PLAN

  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (336)
    • Front-End (110)
      • JavaScript (26)
      • React (78)
      • TypeScript (6)
    • HTML, CSS (1)
    • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ (42)
      • JavaScript (41)
    • vscode (5)
    • ๊ฐœ๋ฐœ ์ง€์‹ (11)
      • Github (3)
    • IT ์„œ๋น„์Šค ๊ธฐํš, PM, PO (7)
    • Figma (5)
    • Office (1)
      • ppt (1)
  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก
/ /

๊ฐ€์ƒ ์„ ํƒ์ž : vs :: ์ฐจ์ด

CODE_PLAN 2022. 11. 20. 01:51
2022. 11. 20. 01:51

https://inpa.tistory.com/entry/CSS-%F0%9F%93%9A-before-after-%EC%99%80-before-after%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%95%EB%A6%AC

 

[CSS] ๐Ÿ“š :before :after ์™€ ::before ::after ์ฐจ์ด ์ •๋ฆฌ

๊ฐ€์ƒ ์„ ํƒ์ž(pseudo selector) ๊ฐ€์ƒ ์„ ํƒ์ž(pseudo selector)์—๋Š” ๊ฐ€์ƒ ํด๋ž˜์Šค(pseudo class)์™€ ๊ฐ€์ƒ ์—˜๋ฆฌ๋จผํŠธ(pseudo element)๊ฐ€ ์กด์žฌํ•œ๋‹ค. ๋‘˜์ด ๋น„๊ตํ•˜์ž๋ฉด, ๊ฐ€์ƒ ํด๋ž˜์Šค๋Š” ์—˜๋ฆฌ๋จผํŠธ ์ „์ฒด๋‚˜ ์—˜๋ฆฌ๋จผํŠธ ์ƒํƒœ๋ฅผ ์„ 

inpa.tistory.com

: vs :: ์ฐจ์ด 

+ Recent posts

Powered by Tistory, Designed by wallel
Rss Feed and Twitter, Facebook, Youtube, Google+

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

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.