
๐ ์ง์ ์ฑ์ฐ๊ธฐ/์น (ํ๋ก ํธ์๋, ๋ฐฑ์๋)
[HTML&CSS] States , Pseudo elements
[์น] States , Pseudo elements ( UPDATE 2023 - 05 - 30 ) States active ํด๋น ์์๋ฅผ ๋ง์ฐ์ค๋ก ํด๋ฆญ ํ์ ๋ ํจ๊ณผ๋ฅผ ์ ์ฉ hover ๋ง์ฐ์ค๊ฐ ํด๋น ์์ ์๋ฅผ ์ง๋๊ฐ ๋ ํจ๊ณผ๋ฅผ ์ ์ฉ focus ํค๋ณด๋๋ก ์ ํ ๋์์ ๋ ํจ๊ณผ๋ฅผ ์ ์ฉ visited ๋ฐฉ๋ฌธํ ์ฌ์ดํธ์ผ ๊ฒฝ์ฐ์ ํจ๊ณผ๋ฅผ ์ ์ฉ focus-within ๋ถ๋ชจ ์์์๊ฒ ์ ์ฉ. ์์ ์ ์์ ์์ ์ค ํ๋๊ฐ focus๋์์ ๋ ํจ๊ณผ๋ฅผ ์ ์ฉ (์์ ์ํ์ ๋ฐ๋ผ ๋ถ๋ชจ ์ํ ๋ฐ๋) form:hover input form์ด hover๋ ์ํ๋ฉด input์ด ๋ฐ๋๋ ๊ฒ (๋ถ๋ชจ ์ํ์ ๋ฐ๋ผ ์์ ์ํ ๋ฐ๋) form:hover input:focus form๊ณผ input์ ์ํ ๋ชจ๋ ์ถฉ์กฑํด์ผ ์ ์ฉ๋จ Pseudo element..