You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
A “rule declaration” is the name given to a selector (or a group of selectors) with an accompanying group of properties. Here's an example:
31
+
"규칙 선언부"는 특정 속성 그룹을 따르는 선택자(또는 선택자로 묶인 그룹)에게 부여되는 이름입니다. 다음 예시를 참조해주세요:
32
32
33
33
```css
34
34
.listing {
@@ -37,9 +37,9 @@ A “rule declaration” is the name given to a selector (or a group of selector
37
37
}
38
38
```
39
39
40
-
### Selectors
40
+
### 선택자(Selectors)
41
41
42
-
In a rule declaration, “selectors” are the bits that determine which elements in the DOM tree will be styled by the defined properties. Selectors can match HTML elements, as well as an element's class, ID, or any of its attributes. Here are some examples of selectors:
42
+
규칙 선언부에서, "선택자"는 DOM 트리의 어떤 요소들이 정의된 속성(Properties)으로 꾸며질지 결정하는 부분들입니다. 선택자는 HTML 요소들, 뿐만 아니라 한 요소의 클래스, ID, 또는 해당 요소의 어느 속성(attributes)들과도 연결될 수 있습니다. 다음은 선택자에 대한 예시들입니다:
43
43
44
44
```css
45
45
.my-element-class {
@@ -51,9 +51,9 @@ In a rule declaration, “selectors” are the bits that determine which element
51
51
}
52
52
```
53
53
54
-
### Properties
54
+
### 속성(Properties)
55
55
56
-
Finally, properties are what give the selected elements of a rule declaration their style. Properties are key-value pairs, and a rule declaration can contain one or more property declarations. Property declarations look like this:
56
+
마지막으로, 속성(Properties)은 규칙 선언부의 선택된 요소들이 그들의 스타일을 가지게 하는 것입니다. 속성은 키-값의 쌍으로 구성되며, 규칙 선언부는 하나 이상의 속성 선언부를 가질 수 있습니다. 속성 선언부는 아래와 같은 형태입니다:
57
57
58
58
```css
59
59
/* some selector */ {
@@ -69,12 +69,12 @@ Finally, properties are what give the selected elements of a rule declaration th
69
69
* Use soft tabs (2 spaces) for indentation
70
70
* Prefer dashes over camelCasing in class names.
71
71
- Underscores and PascalCasing are okay if you are using BEM (see [OOCSS and BEM](#oocss-and-bem) below).
72
-
* Do not use ID selectors
73
-
* When using multiple selectors in a rule declaration, give each selector its own line.
74
-
* Put a space before the opening brace `{` in rule declarations
75
-
* In properties, put a space after, but not before, the `:` character.
76
-
* Put closing braces `}` of rule declarations on a new line
77
-
* Put blank lines between rule declarations
72
+
* Do not use ID 선택자
73
+
* When using multiple 선택자 in a 규칙 선언부, give each selector its own line.
74
+
* Put a space before the opening brace `{` in 규칙 선언부s
75
+
* In 속성(properties), put a space after, but not before, the `:` character.
0 commit comments