Corrected text to article (#22208)
* Corrected text to article * changes
This commit is contained in:
@ -8,14 +8,19 @@ localeTitle: Селектор классов
|
|||||||
|
|
||||||
Чтобы выбрать элементы с определенным классом, мы используем (.), Названный как символ периода, с именем класса.
|
Чтобы выбрать элементы с определенным классом, мы используем (.), Названный как символ периода, с именем класса.
|
||||||
|
|
||||||
Например .center { text-align: center; красный цвет; }
|
Например
|
||||||
|
|
||||||
|
```css
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
```
|
||||||
Здесь все элементы HTML с `class="center"` будут красными и центрированными.
|
Здесь все элементы HTML с `class="center"` будут красными и центрированными.
|
||||||
|
|
||||||
Примеры:
|
Примеры:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
|
|
||||||
<h1 class="test">This is a heading 1</h1>
|
<h1 class="test">This is a heading 1</h1>
|
||||||
<p class="test">This is a paragraph 1</p>
|
<p class="test">This is a paragraph 1</p>
|
||||||
<h2 class="test">This is a heading 2</h2>
|
<h2 class="test">This is a heading 2</h2>
|
||||||
@ -58,7 +63,7 @@ h1.test, h2.test {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
**Советы: Нет места между несколькими классами.**
|
_Совет: Не ставьте пробелы между несколькими классами_
|
||||||
|
|
||||||
#### Дополнительная информация:
|
#### Дополнительная информация:
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user