728x90
๋ฐ˜์‘ํ˜•

!important 1

[CSS] !important

CSS๋Š” ๊ฐ™์€ ์†์„ฑ์„ ์—ฌ๋Ÿฌ๋ฒˆ ์ •์˜ํ•˜๊ฒŒ ๋˜๋ฉด, ๋‚˜์ค‘์— ์„ค์ •ํ•œ ๊ฐ’์ด ์ ์šฉ๋œ๋‹ค. ๋งŒ์•ฝ ๋‚˜์ค‘์— ์„ค์ •ํ•œ ๊ฐ’์ด ์ ์šฉ๋˜์ง€ ์•Š์•„์•ผ ํ•œ๋‹ค๋ฉด ์†์„ฑ๊ฐ’ ๋’ค์— !important ๋ฅผ ๋ถ™์—ฌ์ค€๋‹ค. ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋‹ค๋ณด๋ฉด cssํŒŒ์ผ๋„ ๋งŽ์•„์ง€๊ณ  ์ถ”๊ฐ€ํ•˜๊ฒŒ๋˜๋ฉด์„œ ๊ฐ™์€ ์†์„ฑ์„ ์ •์˜ํ•˜๊ฒŒ ๋˜์–ด ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ํšจ๊ณผ๊ฐ€ ๋‚˜์˜ค์ง€ ์•Š์„ ๋•Œ๊ฐ€ ์žˆ๋Š”๋ฐ, ๋„ˆ๋ฌด ๋‚จ๋ฐœํ•˜๋ฉด ์•ˆ๋˜๊ฒ ์ง€๋งŒ ์ค‘์š”ํ•œ ๊ณณ์— ์ ์–ด๋‘๋ฉด ๋˜๊ฒ ๋‹ค. ๋จผ์ € !important๋ฅผ ์ ์–ด๋†“์•˜์–ด๋„ ๋‚˜์ค‘์— ์ •์˜ํ•œ ๊ฐ’์—๋„ !important๋ฅผ ๋ถ™์ด๋ฉด ๋‚˜์ค‘์— ์„ค์ •ํ•œ ๊ฐ’์œผ๋กœ ๋ฐ”๋€๋‹ค ex) p{ background-color : red !important; float : left; } p{ background-color : blue; float : left } p{ background-color : green !impo..

Front/CSS 2022.03.24
728x90
๋ฐ˜์‘ํ˜•