λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
CSS

css μŠ€νƒ€μΌ 상속

by HAPPYRIN 2023. 8. 9.

μƒμ†λ˜λŠ” css 속성듀

λͺ¨λ‘ κΈ€μž/문자 κ΄€λ ¨ 속성듀 (λͺ¨λ“  κΈ€μž/문자 속성은 μ•„λ‹˜ 주의!)

font-size

font-weight

font-style

line-height

font-family

color

text-align

...

 

κ°•μ œ 상속

μ‹€μ§ˆμ μœΌλ‘œ 상속이 λ˜μ§€ μ•ŠλŠ” css 도 κ°•μ œλ‘œ μƒμ†μ‹œν‚΄

inherit : λΆ€λͺ¨μ˜ 값을 μžμ‹λ„ λ˜‘κ°™μ΄ 상속받겠닀.


μ„ νƒμž μš°μ„ μˆœμœ„

μš°μ„ μˆœμœ„λž€ 같은 μš”μ†Œκ°€ μ—¬λŸ¬ μ„ μ–Έμ˜ λŒ€μƒμ΄ 될 경우, μ–΄λ–€ μ„ μ–Έμ˜ css속성을 μš°μ„  μ μš©ν• μ§€ κ²°μ •ν•˜λŠ” 방법

- μ μˆ˜κ°€ 높은 선언이 μš°μ„ 

- μ μˆ˜κ°€ κ°™μœΌλ©΄ κ°€μž₯ λ§ˆμ§€λ§‰μ— ν•΄μ„λœ 선언이 μš°μ„ 

 

!important; : μ€‘μš”λ„, 맀우 μ€‘μš”ν•¨! cssμ—μ„œ μ†μ„±μ˜ κ°’ λ’€μͺ½μ— 이걸 뢙이면 이게 제일 μ€‘μš”ν•˜κ³  μš°μ„  μˆœμœ„ 1λ“±μž„

 

μ„ μ–Έμˆœμ„œ(μ½”λ“œ 해석 μˆœμ„œ)에 따라 μš°μ„ μˆœμœ„ κ²°μ •