From a7b1c9c114f7340379bcb7943a626ac251dfe49c Mon Sep 17 00:00:00 2001 From: Vitalii Perehonchuk Date: Thu, 13 Jan 2022 22:47:22 +0200 Subject: [PATCH] update(CSS): web/css/specificity/index.md (#176) * update(CSS): web/css/specificity/index.md * Apply suggestions from code review Co-authored-by: Mykola Myslovskyi Co-authored-by: Vitalii Perehonchuk Co-authored-by: Mykola Myslovskyi --- files/uk/web/css/specificity/index.md | 20 ++++++++++---------- scripts/check.js | 2 +- uk_ignore_additions.txt | 1 + 3 files changed, 12 insertions(+), 11 deletions(-) diff --git a/files/uk/web/css/specificity/index.md b/files/uk/web/css/specificity/index.md index 098da8245..06ff84163 100644 --- a/files/uk/web/css/specificity/index.md +++ b/files/uk/web/css/specificity/index.md @@ -11,13 +11,13 @@ tags: {{CSSRef}} -**Специфічність** — це засіб, за допомогою якого браузери вирішують, які значення CSS-властивостей найбільш відповідні до певного елемента і, таким чином, будуть застосовані. Специфічність заснована на правилах добору, що складені на основі різних видів [CSS-селекторів](/uk/docs/Web/CSS/Reference#Selectors). +**Специфічність** — це засіб, за допомогою якого браузери вирішують, які значення CSS-властивостей найбільш відповідні до певного елемента і, таким чином, будуть застосовані. Специфічність заснована на правилах добору, що складені на основі різних видів [CSS-селекторів](/uk/docs/Web/CSS/Reference#selektory). ## Як обчислюється специфічність? -Специфічність — це вага, що застосовується до певного CSS-оголошення, визначена кількістю кожного з [типів селекторів](#selector_types) у відповідному селекторі. Коли кілька оголошень мають рівну специфічність, до елементу застосовується останнє з оголошень, присутніх у CSS-коді. Специфічність застосовується лише тоді, коли один елемент є цільовим для багатьох оголошень. Згідно з правилами CSS, [стилі, що спрямовані безпосередньо на елемент](#directly_targeted_elements_vs._inherited_styles), завжди матимуть перевагу над правилами, успадкованими елементом від свого предка. +Специфічність — це вага, що застосовується до певного CSS-оголошення, визначена кількістю кожного з [типів селекторів](#typy-selektoriv) у відповідному селекторі. Коли кілька оголошень мають рівну специфічність, до елементу застосовується останнє з оголошень, присутніх у CSS-коді. Специфічність застосовується лише тоді, коли один елемент є цільовим для багатьох оголошень. Згідно з правилами CSS, [стилі, що спрямовані безпосередньо на елемент](#styli-spriamovani-bezposeredno-na-element-proty-nasliduvanykh-styliv), завжди матимуть перевагу над правилами, успадкованими елементом від свого предка. -> **Зверніть увагу:** [Сусідство елементів](#tree_proximity_ignorance) у дереві документа не впливає на специфічність. +> **Зверніть увагу:** [Сусідство елементів](#ihnoruvannia-susidstva-po-derevu) у дереві документа не впливає на специфічність. ### Типи селекторів @@ -29,7 +29,7 @@ tags: Універсальний селектор ({{CSSxRef("Universal_selectors", "*")}}), комбінатори ({{CSSxRef("Adjacent_sibling_combinator", "+")}}, {{CSSxRef("Child_combinator", ">")}}, {{CSSxRef("General_sibling_combinator", "~")}}, ['` `'](/uk/docs/Web/CSS/Descendant_combinator), {{CSSxRef("Column_combinator", "||")}}) та псевдоклас заперечення ({{CSSxRef(":not", ":not()")}}) не впливають на специфічність. (Селектори, оголошені _всередині_ `:not()`, втім, впливають.) -Щоб отримати більше інформації, відвідайте: ["Специфічність" у розділі "Каскадність та успадкування"](/uk/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#Specificity_2), а також відвідайте: +Щоб отримати більше інформації, відвідайте: ["Специфічність" у розділі "Каскадність та успадкування"](/uk/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#Specificity_2), а також відвідайте: (англ.). Вбудовані стилі, напряму додані до елемента (наприклад, `style="font-weight: bold;"`) завжди перезаписують будь-які стилі із зовнішніх листів стилів, і, таким чином, можуть вважатись такими, що мають найвищу специфічність. @@ -154,7 +154,7 @@ p.awesome { Включення ідентифікатора як частини селектора атрибута замість власне селектора ідентифікатора дає йому таку ж специфічність, як в селекторів класу. Обидва селектори вище тепер мають однакову вагу. Серед правил з однаковими селекторами перемагає розташоване пізніше. -#### Аби отримати більше інформації, відвідайте: +#### Аби отримати більше інформації, відвідайте (англ.): - - @@ -164,7 +164,7 @@ p.awesome { ### Винятки :is() та :not() -Псевдоклас відповідності {{CSSxRef(":is", ":is()")}} {{Experimental_Inline}} та псевдоклас заперечення {{CSSxRef(":not", ":not()")}} _не_ вважаються псевдокласами під час обчислення специфічності. Втім, селектори, вставлені у ці псевдокласи, рахуються як звичайні селектори при підрахунку [типів селекторів](#selector_types). +Псевдоклас відповідності {{CSSxRef(":is", ":is()")}} {{Experimental_Inline}} та псевдоклас заперечення {{CSSxRef(":not", ":not()")}} _не_ вважаються псевдокласами під час обчислення специфічності. Втім, селектори, вставлені у ці псевдокласи, рахуються як звичайні селектори при підрахунку [типів селекторів](#typy-selektoriv). Цей шматок CSS-коду... @@ -274,7 +274,7 @@ div p { Так відбувається, бо два селектори відповідають одному й тому ж елементові, але селектор ідентифікатора має вищу специфічність. -### Ігнорування близькості по дереву +### Ігнорування сусідства по дереву Близькість елемента до інших елементів, на котрі посилається певний селектор, не впливає на специфічність. Наступні оголошення стилів... @@ -302,7 +302,7 @@ html h1 { {{EmbedLiveSample("Tree_proximity_ignorance")}} -Причина цього у тому, що два оголошення мають однакові суми [за типами селекторів](#selector_types), але, втім, селектор `html h1` оголошений останнім. +Причина цього у тому, що два оголошення мають однакові суми [за типами селекторів](#typy-selektoriv), але, втім, селектор `html h1` оголошений останнім. ### Стилі, спрямовані безпосередньо на елемент, проти наслідуваних стилів @@ -345,6 +345,6 @@ h1 { ## Дивіться також -- Калькулятор специфічності: інтерактивний вебсайт для тестування та розуміння CSS-правил — -- Специфічність селекторів CSS3 - [http://www.w3.org/TR/selectors/#specificity](https://www.w3.org/TR/selectors/#specificity) +- Калькулятор специфічності: інтерактивний вебсайт для тестування та розуміння CSS-правил (англ.) — +- Специфічність селекторів CSS3 (англ.) - [http://www.w3.org/TR/selectors/#specificity](https://www.w3.org/TR/selectors/#specificity) - {{CSS_Key_Concepts}} diff --git a/scripts/check.js b/scripts/check.js index 64bb7ad40..06487be47 100644 --- a/scripts/check.js +++ b/scripts/check.js @@ -34,7 +34,7 @@ async function check() { ), // uniq (yes, a single file may contain both staged and unstaged changes) ); } else { - targetFiles = argv._.length; + targetFiles = argv._; } try { await startLanguageTool(); diff --git a/uk_ignore_additions.txt b/uk_ignore_additions.txt index be418b2c7..f7dcba770 100644 --- a/uk_ignore_additions.txt +++ b/uk_ignore_additions.txt @@ -1,3 +1,4 @@ +англ Гідде Розеллі БКФ