ํ์ ์ธ์ ์ display:none; ์ผ ๋ ์ ์ฉ๋์ง ์๋ ์ด์
ยท
๐ฉ๐ป๐ปSTUDY/CSS
1. ๋ฌธ์ ๋งํฌ์
์ ์งค ๋ ๊ฐ๋ฐ์์๊ฒ ๋๊ฒจ์ฃผ๊ธฐ ์ํด ์์๋ก ์ธ๋ผ์ธ์ display:none; ์ฒ๋ฆฌํ ๊ฒฝ์ฐ๊ฐ ์์๋ค.block3์ด ๋ฐฑ๊ทธ๋ผ์ด๋๊ฐ ์ ์ฉ๋ ์ค ์์๋๋ฐ ๋์ง ์์๋ค.block1block2block3.block1 + .block3 {background-color:red;} 2. ์ด์ ์ธ์ ํ์ ์ ํ์๋ "HTML ๊ตฌ์กฐ์ ๋ฐ๋ก ๋ค์ ํ์ " ๋ง ์ ํํ๊ธฐ ๋๋ฌธ.์ฆ, ์์๊ฐ ํ๋ฉด์ ๋ณด์ด๋๋ (display:none ์ด๋) ๋ ์ ํ ์๊ด์๊ณ , HTML ๊ตฌ์กฐ์ ๋ฐ๋ก ๋ค์์ ์ค๋ ํ์ ๋ง ์ธ์ ํ๋ค.display:none์ ๋ณด์ด์ง ์๊ฒ๋ง ํ ๋ฟ, DOM ๊ตฌ์กฐ์์ ์ฌ๋ผ์ง๋ ๊ฒ์ด ์๋๊ธฐ ๋๋ฌธ์ด๋ค.