Skip to content

Commit efdd134

Browse files
authored
Merge branch 'master' into master
2 parents 7cd6c69 + dfe90d4 commit efdd134

File tree

1 file changed

+16
-12
lines changed

1 file changed

+16
-12
lines changed

README.md

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@
2929
### Объявление правил
3030

3131
Правило — это имя селектора (или группы селекторов) с определённой группой свойств.
32+
3233
Пример:
3334
```css
3435
.listing {
@@ -40,6 +41,7 @@
4041
### Селекторы
4142

4243
В объявлении правила «селекторы» означают элементы в DOM, к которым будут применены объявленные свойства. Селекторы могут соответствовать HTML-тэгам, классам элементов, id или атрибутам.
44+
4345
Пример использования селекторов:
4446

4547
```css
@@ -54,7 +56,8 @@
5456

5557
### Свойства
5658

57-
Наконец, свойства — это то, что описывает стиль выбранных элементов. Свойства указываются в виде `ключ: значение`. Правила могут содержать одно или более объявленных свойств.
59+
Наконец, свойства — это то, что описывает стиль выбранных элементов. Свойства указываются в виде `ключ:значение`. Правила могут содержать одно или более объявленных свойств.
60+
5861
Выглядит это так:
5962

6063
```css
@@ -244,17 +247,17 @@ function ListingCard() {
244247

245248
Вложенные селекторы (_если они небходимы_) идут в самом конце, и ничего не должно идти после них. Добавляйте пустую строку между свойствами правила и вложенными селекторами, а также между смежными вложенными селекторами. Применяйте эти правила ко всем вложенным селекторам.
246249

247-
```scss
248-
.btn {
249-
background: green;
250-
font-weight: bold;
251-
@include transition(background 0.5s ease);
250+
```scss
251+
.btn {
252+
background: green;
253+
font-weight: bold;
254+
@include transition(background 0.5s ease);
252255

253-
.icon {
254-
margin-right: 10px;
255-
}
256-
}
257-
```
256+
.icon {
257+
margin-right: 10px;
258+
}
259+
}
260+
```
258261

259262
### Переменные
260263

@@ -282,7 +285,7 @@ function ListingCard() {
282285
}
283286
```
284287

285-
Когда вы пишите такие длинные селекторы, вы, вероятно, пишите CSS, который:
288+
Когда вы пишите такие длинные селекторы, вы, вероятно, пишите CSS который:
286289

287290
* слишком сильно привязан к HTML (хрупкий); *—или—*
288291
* чрезмерно специфичный; *—или—*
@@ -293,6 +296,7 @@ function ListingCard() {
293296

294297
Если всё-таки пришлось использовать селекторы ID (а этого на самом деле лучше избегать), они никогда не должны быть вложенными. Если такое происходит, вам требуется пересмотреть свою разметку и выяснить, зачем нужна такая сильная специфика. Если у вас правильно структурирован HTML-код и CSS-стили, вам **никогда** не придётся это делать.
295298

299+
296300
**[⬆ К навигации](#Навигация)**
297301

298302
## Лицензия

0 commit comments

Comments
 (0)