states

๐Ÿ“š ์ง€์‹ ์ฑ„์šฐ๊ธฐ/์›น (ํ”„๋ก ํŠธ์—”๋“œ, ๋ฐฑ์—”๋“œ)

[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..

์–‘์ฝฉ(Yangkong)
'states' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก