diff options
Diffstat (limited to 'files/ru/web/css/_colon_where/index.html')
| -rw-r--r-- | files/ru/web/css/_colon_where/index.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/files/ru/web/css/_colon_where/index.html b/files/ru/web/css/_colon_where/index.html index 3eb34a7c0e..5a7b922577 100644 --- a/files/ru/web/css/_colon_where/index.html +++ b/files/ru/web/css/_colon_where/index.html @@ -14,13 +14,13 @@ translation_of: 'Web/CSS/:where' <div></div> <pre class="brush: css notranslate"><code>/* Выбирает любой параграф внутри header, main - или footer на который наведен курсор мыши */ + или footer на который наведён курсор мыши */ :where(header, main, footer) p:hover { color: red; cursor: pointer; } -/* Пример приведенный выше эквивалентен следующему */ +/* Пример приведённый выше эквивалентен следующему */ header p:hover, main p:hover, footer p:hover { @@ -54,7 +54,7 @@ footer p:hover { <p>В этом примере показывается как работает <code>:where()</code>, а так же демонстрируется разница между <code>:where()</code> и <code>:is()</code>.</p> -<p>Возьмем следующий HTML-код:</p> +<p>Возьмём следующий HTML-код:</p> <pre class="brush: html notranslate"><article> <h2>:is()-styled links</h2> @@ -109,7 +109,7 @@ footer p:hover { color: blue; }</pre> -<p>Это не будет работать для ссылок красного цвета, потому что специфичность селекторов внутри <code>:is()</code> выше, чем специфичность селектора вышеприведенного кода. Селектор классов имеет бо́льшую специфичность, чем селектор элемента.</p> +<p>Это не будет работать для ссылок красного цвета, потому что специфичность селекторов внутри <code>:is()</code> выше, чем специфичность селектора вышеприведённого кода. Селектор классов имеет бо́льшую специфичность, чем селектор элемента.</p> <p>В то время как, селекторы перечисленные внутри <code>:where()</code> имеют нулевую специфичность, поэтому оранжевая ссылка в футере будет переопределена простым селектором и станет синего цвета.</p> |