[CSS] class ์„ ํƒ์ž์™€ id ์„ ํƒ์ž์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž โœ๏ธ
ยท
CSS
๐Ÿ‘จ‍๐Ÿ’ปํŠน์ • ๋ถ€๋ถ„์— ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๋Š” class / id ์„ ํƒ์ž ํŠน์ • ์š”์†Œ์— ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๋Š” ํƒ€์ž… ์„ ํƒ์ž ํŠน์ • ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ชจ๋“  ์š”์†Œ์— ์Šคํƒ€์ผ์„ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.๊ฐ™์€ ํƒœ๊ทธ๋ผ๋„ ์ผ๋ถ€๋Š” ๋‹ค๋ฅธ ์Šคํƒ€์ผ์„ ์‚ฌ์šฉํ•  ๋•Œ class ์„ ํƒ์ž์™€ id ์„ ํƒ์ž๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.1. ํƒœ๊ทธ ๋ชจ๋“  ์š”์†Œ์— ์Šคํƒ€์ผ ์ ์šฉ HTML CSS JavaScriptp { color: red;} 2. ํƒœ๊ทธ ์š”์†Œ์— class(.) / id(#) ์„ ํƒ์ž ํŠน์ • ๋ถ€๋ถ„ ์Šคํƒ€์ผ ์ ์šฉ HTML CSS JavaScript p { color: red;}/* class ์„ ํƒ์ž */.css { text-decoration: underline; color:blue;}/* id ์„ ํƒ์ž */#js { te..