From 1c01ca67291554040f6ff432eb805d5fafdf088e Mon Sep 17 00:00:00 2001
From: HoJeong Im <39ghwjd@naver.com>
Date: Fri, 22 Sep 2023 07:47:11 +0900
Subject: [PATCH] [ko]: add index.md for `web/glossary/css_selector` (#15818)
[add]: add index.md for web/glossary/css_selector
---
files/ko/glossary/css_selector/index.md | 88 +++++++++++++++++++++++++
1 file changed, 88 insertions(+)
create mode 100644 files/ko/glossary/css_selector/index.md
diff --git a/files/ko/glossary/css_selector/index.md b/files/ko/glossary/css_selector/index.md
new file mode 100644
index 00000000000000..3d838f549b1060
--- /dev/null
+++ b/files/ko/glossary/css_selector/index.md
@@ -0,0 +1,88 @@
+---
+title: CSS 선택자 (Selector (CSS))
+slug: Glossary/CSS_Selector
+l10n:
+ sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
+---
+
+{{GlossarySidebar}}
+
+**CSS 선택자**는 규칙이 일치하는 문서의 요소를 설명하는 CSS 규칙의 일부입니다. 일치하는 요소는 규칙에 지정된 스타일이 적용됩니다.
+
+## 예제
+
+이 CSS를 생각해보세요.
+
+```css
+p {
+ color: green;
+}
+
+div.warning {
+ width: 100%;
+ border: 2px solid yellow;
+ color: white;
+ background-color: darkred;
+ padding: 0.8em 0.8em 0.6em;
+}
+
+#customized {
+ font:
+ 16px Lucida Grande,
+ Arial,
+ Helvetica,
+ sans-serif;
+}
+```
+
+이 선택자들은 `"p"` ({{HTMLElement("p")}} 요소 내부 텍스트에 녹색을 적용), `"div.warning"` ([class](/ko/docs/Web/HTML/Global_attributes/class) `"warning"`이 있는 모든 {{HTMLElement("div")}} 요소는 경고 상자처럼 보임) 및 `"#customized"` (ID가 `"customized"`인 요소의 기본 글꼴을 16픽셀 크기의 Lucida Grande 또는 몇 가지 대체 글꼴 중 하나로 설정) 입니다.
+
+그런 다음, 이 CSS를 다음과 같은 일부 HTML에 적용할 수 있습니다.
+
+```html
+This is happy text.
+
+
+ Be careful! There are wizards present, and they are quick to anger!
+
+
+
+
This is happy text.
+
+
+ Be careful! There are wizards present, and they are quick to anger!
+
+