diff options
Diffstat (limited to 'files/ru/web/css/_colon_where/index.html')
-rw-r--r-- | files/ru/web/css/_colon_where/index.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/files/ru/web/css/_colon_where/index.html b/files/ru/web/css/_colon_where/index.html index 631182a560..e47bedbdad 100644 --- a/files/ru/web/css/_colon_where/index.html +++ b/files/ru/web/css/_colon_where/index.html @@ -13,7 +13,7 @@ translation_of: 'Web/CSS/:where' <div></div> -<pre class="brush: css notranslate"><code>/* Выбирает любой параграф внутри header, main +<pre class="brush: css"><code>/* Выбирает любой параграф внутри header, main или footer на который наведён курсор мыши */ :where(header, main, footer) p:hover { color: red; @@ -36,13 +36,13 @@ footer p:hover { <p>При использовании списка селекторов в CSS, если один из селекторов невалидный, то весь список селекторов будет считаться невалидным. В то же время при использовании <code>:is()</code> или <code>:where()</code> действует другое правило: если среди переданных аргументов будет некорректный или неподдерживаемый селектор, то он будет проигнорирован, для всех же остальных селекторов будут применены CSS-правила.</p> -<pre class="brush: css notranslate">:where(:valid, :unsupported) { +<pre class="brush: css">:where(:valid, :unsupported) { ... }</pre> <p>Пример выше будет успешно распарсен и для <code>:valid</code> будут применены CSS-правила, даже если в браузере не поддерживается <code>:unsupported</code>, в то время как:</p> -<pre class="brush: css notranslate">:valid, :unsupported { +<pre class="brush: css">:valid, :unsupported { ... }</pre> @@ -56,7 +56,7 @@ footer p:hover { <p>Возьмём следующий HTML-код:</p> -<pre class="brush: html notranslate"><article> +<pre class="brush: html"><article> <h2>:is()-styled links</h2> <section class="is-styling"> <p>Here is my main content. This <a href="https://mozilla.org">contains a link</a>. @@ -90,7 +90,7 @@ footer p:hover { <p>Теперь при помощи псевдоклассов <code>:is()</code> и <code>:where()</code> зададим цвет для ссылок в простой форме, как в примере ниже:</p> -<pre class="brush: css notranslate">html { +<pre class="brush: css">html { font-family: sans-serif; font-size: 150%; } @@ -105,7 +105,7 @@ footer p:hover { <p>Что если позже мы захотим переопределить цвет ссылок в <code>footer</code>'ах используя простой селектор?</p> -<pre class="brush: css notranslate">footer a { +<pre class="brush: css">footer a { color: blue; }</pre> |