16.05.27 selectors,target,entity name - govl2233/project_studyej GitHub Wiki

selector: css효과λ₯Ό λˆ„κ΅¬μ—κ²Œ 쀄것인가

3가지 μ’…λ₯˜

  • `#id μ„ νƒμž :μ›ΉνŽ˜μ΄μ§€ μ•ˆμ—μ„œ λ”± ν•œλ²ˆλ§Œ μ‚¬μš©/μ–΄λ– ν•œ νŠΉμ •ν•œ μ—˜λ¦¬λ¨ΌνŠΈλ₯Ό μœ μΌλ¬΄μ΄ν•˜κ²Œ μ‹λ³„ν•˜κ²Œ μ‚¬μš©

  • .class μ„ νƒμž : μ›ΉνŽ˜μ΄μ§€ μ•ˆμ—μ„œ μ—¬λŸ¬λ²ˆ μ‚¬μš©/μ—˜λ¦¬λ¨ΌνŠΈλ“€μ„ κ·Έλ£Έν•‘ ν•΄μ„œ κ·Έλ£Ή λ‹¨μœ„λ‘œ μ‚¬μš©

  • type μ„ νƒμž : μ„ νƒμžμ— ν•΄λ‹Ήλ˜λŠ” νƒœκ·Έλ₯Ό μ§€μ •ν•΄μ£ΌλŠ” μ—­ν• 

μ„ νƒμž μ‘°ν•©

  • ν•˜μœ„ μ„ νƒμž : λΆ€λͺ¨μš”μ†Œμ•ˆμ— μžμ‹μš”μ†Œκ°€ 적용( #idμ„ νƒμž li {color:blue}

  • ν•˜λ‚˜μ˜ cssμ„ μ–Έ μ—¬λŸ¬μ„ νƒμžμ‘°ν•© : h1, #a{color:blue}ν•˜λ©΄ hμ„ νƒμžμ™€ idμ„ νƒμž λ‘˜λ‹€ λ ˆλ“œμƒ‰μ΄ 적용됨

  • μžμ‹μ„ νƒμž: 특적 μ—˜λ¦¬λ¨ΌνŠΈμ˜ 직접적인 ν•˜μœ„μ—˜λ¦¬λ¨ΌνŠΈλ₯Ό μ μš©ν• λ•Œ μ‚¬μš©(ν•˜μœ„μ—˜λ¦¬λ¨ΌνŠΈλž‘ 닀름)