{"id":26251,"date":"2023-08-16T10:53:50","date_gmt":"2023-08-16T01:53:50","guid":{"rendered":"http:\/\/nori.company\/?p=26251"},"modified":"2023-08-16T10:53:50","modified_gmt":"2023-08-16T01:53:50","slug":"css-selectors-%eb%b9%84%ec%a5%ac%ec%96%bc-%ea%b0%80%ec%9d%b4%eb%93%9c","status":"publish","type":"post","link":"https:\/\/nori.company\/?p=26251","title":{"rendered":"CSS Selectors \ube44\uc96c\uc5bc \uac00\uc774\ub4dc"},"content":{"rendered":"<ul>\n<li>\uc77c\ubc18 CSS \uc140\ub809\ud130\ubd80\ud130, Psedo-Class \ubc0f Psedo-Element \ub4e4\uc744 \uc774\ud574\ud558\uae30 \uc27d\uac8c \uc2dc\uac01\uc801\uc73c\ub85c \uc815\ub9ac<\/li>\n<li>Selector: universal \/ element \/ class \/ ID \/ multiple \/ descendant \/ adjacent \/ child \/ general sibling<\/li>\n<li>comma combinator, lobotomized owl<\/li>\n<li>attribute &amp; value<\/li>\n<li>link ps&#8230;\n<p>\ucd9c\ucc98 : <a href=\"https:\/\/news.hada.io\/topic?id=10374\" target=\"_blank\" rel=\"noopener\">GeekNews &#8211; \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4 <\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\uc77c\ubc18 CSS \uc140\ub809\ud130\ubd80\ud130, Psedo-Class \ubc0f Psedo-Element \ub4e4\uc744 \uc774\ud574\ud558\uae30 \uc27d\uac8c \uc2dc\uac01\uc801\uc73c\ub85c \uc815\ub9ac Selector: universal \/ element \/ class \/ ID \/&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[138],"tags":[163],"class_list":["post-26251","post","type-post","status-publish","format-standard","hentry","category-it","tag-geeknews-----"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pa3PO4-6Pp","jetpack-related-posts":[{"id":26600,"url":"https:\/\/nori.company\/?p=26600","url_meta":{"origin":26251,"position":0},"title":"Lightning CSS &#8211; Rust\ub85c \uc791\uc131\ub41c \ucd08\uace0\uc18d CSS \ud30c\uc11c","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 8\uc6d4 24\uc77c","format":false,"excerpt":"Parcel \uacfc \ud568\uaed8 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574 \ub9cc\ub4e0 \ucd08\uace0\uc18d CSS \ud30c\uc11c\/\ud2b8\ub79c\uc2a4\ud3ec\uba38\/\ubc88\ub4e4\ub7ec\/\ubbf8\ub2c8\ud30c\uc774\uc5b4 CSSNano \uc5d0 \ube44\ud574\uc11c 100\ubc30 \uc774\uc0c1, ESBuild \ubcf4\ub2e4 4\ubc30 \uc774\uc0c1 \ube60\ub984 \uc2a4\ud0e0\ub4dc\uc5bc\ub860 \ub77c\uc774\ube0c\ub7ec\ub9ac, CLI, \ub610\ub294 \ub2e4\ub978 \ub3c4\uad6c\uc758 \ud50c\ub7ec\uadf8\uc778\uc73c\ub85c \uc0ac\uc6a9 \uac00\ub2a5 \ub2e4\ub978 \ub3c4\uad6c\ub4e4\uacfc \ub2ec\ub9ac \uc18d\uc131 \ubc38\ub958\ub97c CSS \uc2a4\ud399\uc758 \ubb38\ubc95... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":30650,"url":"https:\/\/nori.company\/?p=30650","url_meta":{"origin":26251,"position":1},"title":"\uc560\ub2c8\ubaa8\uc158 &#8211; \uc2dc\uac01\uc801 CSS \uc560\ub2c8\uba54\uc774\uc158 \uc571","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 11\uc6d4 26\uc77c","format":false,"excerpt":"CSS \uc560\ub2c8\uba54\uc774\uc158 \ub178\ucf54\ub4dc \uc0dd\uc131 Animotion\uc740 \ub4dc\ub798\uadf8, \ud06c\uae30 \uc870\uc815, \ud68c\uc804, \ud074\ub9ac\ud551 \ub4f1\uc744 \ud1b5\ud574 \uc2dc\uac01\uc801\uc73c\ub85c CSS \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc0dd\uc131\ud560 \uc218 \uc788\ub294 \ub3c4\uad6c\uc784. \ud0a4\ud504\ub808\uc784 \ud3b8\uc9d1\uae30\uc640 \uc0ac\uc6a9\ud560 \uc900\ube44\uac00 \ub41c \uc560\ub2c8\uba54\uc774\uc158 \ubaa8\uc74c, 29\uac1c\uc758 \ub0b4\uc7a5 \uc774\uc9d5(easings)\uc744 \uc81c\uacf5\ud568. \uc774 \uc571\uc740 \ud070 \ud654\uba74\uacfc \ucd5c\uc2e0 \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ub354... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":31635,"url":"https:\/\/nori.company\/?p=31635","url_meta":{"origin":26251,"position":2},"title":"Safari 17.2\uc758 \uc0c8\ub85c\uc6b4 WebKit \uae30\ub2a5\ub4e4","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 12\uc6d4 15\uc77c","format":false,"excerpt":"HTML Exclusive Accordion: <details> \uc5d8\ub9ac\uba3c\ud2b8\uc5d0 name \uc18d\uc131 \uc9c0\uc6d0. \ud558\ub098 \uc120\ud0dd\uc2dc \ub2e4\ub978 \uc544\uc774\ud15c \uc790\ub3d9\uc73c\ub85c \ub2eb\uc74c <input> \ud544\ub4dc\uc5d0 autocomplete=\"one-time-code\" \ub123\uc5b4\uc11c \ubb38\uc790\ub85c \uc218\uc2e0\ud55c OTP\ucf54\ub4dc \uc790\ub3d9\uc785\ub825 \uc9c0\uc6d0 CSS CSS Nesting \ud560\ub54c \uc5d8\ub9ac\uba58\ud2b8 \uc140... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24541,"url":"https:\/\/nori.company\/?p=24541","url_meta":{"origin":26251,"position":3},"title":"\ubbf8\ub798\uc758 CSS: State Container Queries","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 1\uc77c","format":false,"excerpt":"\ud06c\ub85c\ubbf8\uc6c0 \ud300\uc774 \uc0c8\ub85c\uc6b4 \ud0c0\uc785\uc758 \ucffc\ub9ac\ub97c \uc2e4\ud5d8\uc911 \uc791\ub144\uc5d4 Size Container Query\uac00 \uba54\uc774\uc800 \ube0c\ub77c\uc6b0\uc800\ub4e4\uc5d0\uc11c \ubaa8\ub450 \uc9c0\uc6d0 \uc2dc\uc791 \ucee8\ud14c\uc774\ub108\uc758 \ub108\ube44 \uae30\uc900\uc73c\ub85c \ucffc\ub9ac \uac00\ub2a5 \uc5ec\uae30\uc5d0 \ucd94\uac00\ub85c \uc774\uc81c Style \ucffc\ub9ac\ub3c4 \uac00\ub2a5 : \ud2b9\uc815 CSS \ubcc0\uc218\uac00 \uc788\ub294\uc9c0 \ud655\uc778. \uc544\uc9c1 \ud06c\ub86c \uce74\ub098\ub9ac\uc5d0\uc11c\ub9cc \uac00\ub2a5 ... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27888,"url":"https:\/\/nori.company\/?p=27888","url_meta":{"origin":26251,"position":4},"title":"(\uc5c5\ub370\uc774\ud2b8 \ub41c) \ucd5c\uc2e0 CSS Reset","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 9\uc6d4 22\uc77c","format":false,"excerpt":"4\ub144\uc804\uc5d0 \uacf5\uac1c\ud588\ub358 CSS Reset\uc744 \uc694\uc998\uc5d0 \ub9de\uac8c \uc0c8\ub85c \uc5c5\ub370\uc774\ud2b8 \uac01 \ud56d\ubaa9\ub2f9 \uc124\uba85 \ud3ec\ud568 \ucd94\uac00\ub41c \uac83\ub4e4 \ube0c\ub77c\uc6b0\uc800\ubcc4 \ud3f0\ud2b8 \uc0ac\uc774\uc988 \uc870\uc815 \uc0ad\uc81c \ub514\ud3f4\ud2b8 \ub9c8\uc9c4\uc744 margin:0 \uc73c\ub85c textarea:not([rows]) \uc758 min-height: 10em :target \uc758 scroll-margin-block: 5... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":25203,"url":"https:\/\/nori.company\/?p=25203","url_meta":{"origin":26251,"position":5},"title":"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694?","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 22\uc77c","format":false,"excerpt":"CSS\uac00 \uc815\ub9d0 \ube60\ub974\uac8c \ubcc0\ud654\ud558\ub294 \uc911 Container Query Layer \uc5d0\uc11c \uc2a4\ud0c0\uc77c \uadf8\ub8f9\ud551 :is() \uc640 :where() \uc0c8\ub85c\uc6b4 \uc0c9\uc0c1 \ud568\uc218\ub4e4: rgb() \uc640 hsl()\uc758 \ubcc0\uacbd, \uadf8\ub9ac\uace0 oklch() \uc640 oklab() \uc0ac\uc6a9\uc790 \ud658\uacbd \uc124\uc815 \uc2a4\ub2c8\ud551: prefers-color-scheme & prefers-reduced-motion \uc0c9... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/26251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26251"}],"version-history":[{"count":1,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/26251\/revisions"}],"predecessor-version":[{"id":26252,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/26251\/revisions\/26252"}],"wp:attachment":[{"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}