Skip to content

Commit

Permalink
update(CSS): web/css/syntax
Browse files Browse the repository at this point in the history
  • Loading branch information
undead404 committed Aug 23, 2023
1 parent 43857ba commit cd9d007
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions files/uk/web/css/syntax/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ page-type: guide

Якби списки стилів могли застосовувати оголошення лише до кожного елемента вебсторінки, вони були б практично непотрібними. Справжня ціль – застосовувати різні оголошення до різних частин документа.

CSS дає змогу це робити за допомогою зв'язування умов з блоками оголошень. Перед кожним (дійсним) блоком оголошень стоїть один або більше розділених комами [**селекторів**](/uk/docs/Web/CSS/CSS_Selectors), котрі є умовами, що вибирають на сторінці певні елементи. [Група селекторів](/uk/docs/Web/CSS/Selector_list) та пов'язаний з ними блок оголошень вкупі називаються **набором правил**, а також нерідко – просто **правилом**.
CSS дає змогу це робити за допомогою зв'язування умов з блоками оголошень. Перед кожним (дійсним) блоком оголошень стоїть один або більше розділених комами [**селекторів**](/uk/docs/Web/CSS/CSS_selectors), котрі є умовами, що вибирають на сторінці певні елементи. [Група селекторів](/uk/docs/Web/CSS/Selector_list) та пов'язаний з ними блок оголошень вкупі називаються **набором правил**, а також нерідко – просто **правилом**.

Набір правил (або правило) CSS візуалізовано на діаграмі нижче.

Expand All @@ -61,14 +61,14 @@ CSS дає змогу це робити за допомогою зв'язува

Є два різновиди інструкцій:

- **Набори правил** (або _правила_), котрі, як видно, пов'язують колекцію оголошень CSS з умовою, описаною [селектором](/uk/docs/Web/CSS/CSS_Selectors).
- **Набори правил** (або _правила_), котрі, як видно, пов'язують колекцію оголошень CSS з умовою, описаною [селектором](/uk/docs/Web/CSS/CSS_selectors).
- **Директиви**, що починаються зі знаку '`@`' (`U+0040 COMMERCIAL AT`), після якого – ідентифікатор, а потім продовжуються до кінця інструкції, тобто до наступної крапки з комою (;) поза блоком, або до кінця наступного блоку. Кожен тип [директив](/uk/docs/Web/CSS/At-rule), визначений ідентифікатором, може мати свій внутрішній синтаксис і, звісно, семантику. Вони використовуються для передачі метаданих (наприклад, {{cssxref("@charset")}} або {{cssxref("@import")}}), умовної інформації (наприклад, {{cssxref("@media")}} або {{cssxref("@document")}}) або описової інформації (наприклад, {{cssxref("@font-face")}}).

Будь-яка інструкція, що не є ані набором правил, ані директивою, є недійсною та ігнорується.

### Вкладені інструкції

Є іще одна група інструкцій – **вкладені інструкції**. Це інструкції, що можуть вживатися в певній підмножині директив – _правилах умовних груп_. Такі інструкції застосовуються лише тоді, коли є відповідність конкретній умові: вміст директиви `@media` застосовується лише тоді, коли пристрій, на якому працює браузер, відповідає вираженій умові; вміст директиви `@document` застосовується лише тоді, коли поточна сторінка відповідає певним умовам, і так далі. У CSS1 і CSS2.1 лише _набори правил_ могли вживатися всередині правил умовних груп. Це було дуже вузько, і це обмеження було знято в [_Умовних правилах CSS рівня 3_](/uk/docs/Web/CSS/CSS_Conditional_Rules). Тепер, попри те, що це досі експериментальна можливість, що не підтримується усіма браузерами, правила умовних груп можуть містити ширший спектр вмісту: набори правил, але також деякі, але не всі, директиви.
Є іще одна група інструкцій – **вкладені інструкції**. Це інструкції, що можуть вживатися в певній підмножині директив – _правилах умовних груп_. Такі інструкції застосовуються лише тоді, коли є відповідність конкретній умові: вміст директиви `@media` застосовується лише тоді, коли пристрій, на якому працює браузер, відповідає вираженій умові; вміст директиви `@document` застосовується лише тоді, коли поточна сторінка відповідає певним умовам, і так далі. У CSS1 і CSS2.1 лише _набори правил_ могли вживатися всередині правил умовних груп. Це було дуже вузько, і це обмеження було знято в [_Умовних правилах CSS рівня 3_](/uk/docs/Web/CSS/CSS_conditional_rules). Тепер, попри те, що це досі експериментальна можливість, що не підтримується усіма браузерами, правила умовних груп можуть містити ширший спектр вмісту: набори правил, але також деякі, але не всі, директиви.

## Дивіться також

Expand All @@ -77,10 +77,10 @@ CSS дає змогу це робити за допомогою зв'язува
- [Коментарі](/uk/docs/Web/CSS/Comments)
- [Специфічність](/uk/docs/Web/CSS/Specificity)
- [Успадкування](/uk/docs/Web/CSS/Inheritance)
- [Рамкова модель](/uk/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model)
- [Рамкова модель](/uk/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model)
- [Режими компонування](/uk/docs/Web/CSS/Layout_mode)
- [Моделі візуального форматування](/uk/docs/Web/CSS/Visual_formatting_model)
- [Перекриття зовнішніх полів](/uk/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing)
- [Перекриття зовнішніх полів](/uk/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing)
- Значення
- [Початкові значення](/uk/docs/Web/CSS/initial_value)
- [Обчислені значення](/uk/docs/Web/CSS/computed_value)
Expand Down

0 comments on commit cd9d007

Please sign in to comment.