aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/css/specificity/index.html
diff options
context:
space:
mode:
authorAlexey Istomin <webistomin@gmail.com>2021-03-20 18:37:44 +0300
committerGitHub <noreply@github.com>2021-03-20 18:37:44 +0300
commit841aae260382e2bf5ebb44d765d8c7301d27caab (patch)
tree81a92c25f6dc02e5f119131785d721db79fc3455 /files/ru/web/css/specificity/index.html
parent730fea852ff827ca034fe17c84288c95d270ec92 (diff)
downloadtranslated-content-841aae260382e2bf5ebb44d765d8c7301d27caab.tar.gz
translated-content-841aae260382e2bf5ebb44d765d8c7301d27caab.tar.bz2
translated-content-841aae260382e2bf5ebb44d765d8c7301d27caab.zip
Restore "ё" letter in Russian translation (#239)
* docs(ru): restore ё letter * docs(ru): resolve conflicts * refactor(idea): remove ide folder
Diffstat (limited to 'files/ru/web/css/specificity/index.html')
-rw-r--r--files/ru/web/css/specificity/index.html18
1 files changed, 9 insertions, 9 deletions
diff --git a/files/ru/web/css/specificity/index.html b/files/ru/web/css/specificity/index.html
index 42adadbf3a..535a64f460 100644
--- a/files/ru/web/css/specificity/index.html
+++ b/files/ru/web/css/specificity/index.html
@@ -38,7 +38,7 @@ translation_of: Web/CSS/Specificity
<h3 id="Важное_исключение_из_правил_-_!important">Важное исключение из правил - <code>!important</code></h3>
-<p>Когда при объявлении стиля используется модификатор <code>!important</code>, это объявление получает наивысший приоритет среди всех прочих объявлений. Хотя технически модификатор <code>!important</code> не имеет со специфичностью ничего общего, он непосредственно на неё влияет. Поскольку <code>!important</code> усложняет отладку, нарушая естественное <a href="/ru-RU/docs/Web/CSS/Cascade">каскадирование</a> ваших стилей, он <strong>не приветствуется</strong> и следует избегать его использования. Если к элементу применимы два взаимоисключающих стиля с модификатором <code>!important</code>, то применен будет стиль с большей специфичностью.</p>
+<p>Когда при объявлении стиля используется модификатор <code>!important</code>, это объявление получает наивысший приоритет среди всех прочих объявлений. Хотя технически модификатор <code>!important</code> не имеет со специфичностью ничего общего, он непосредственно на неё влияет. Поскольку <code>!important</code> усложняет отладку, нарушая естественное <a href="/ru-RU/docs/Web/CSS/Cascade">каскадирование</a> ваших стилей, он <strong>не приветствуется</strong> и следует избегать его использования. Если к элементу применимы два взаимоисключающих стиля с модификатором <code>!important</code>, то применён будет стиль с большей специфичностью.</p>
<p><strong>Несколько практических советов:</strong></p>
@@ -69,7 +69,7 @@ span </span><span class="pun">{</span><span class="pln"> </span><span class="kwd
<p>Вне зависимости от порядка следования правил, текст всегда будет зелёным, поскольку у этого правила наибольшая специфичность (при этом, правило для голубого цвета имеет преимущество перед правилом для красного, несмотря на порядок следования).</p>
-<p><strong>Вам придется использовать <code>!important</code> если:</strong></p>
+<p><strong>Вам придётся использовать <code>!important</code> если:</strong></p>
<p>А) Первый сценарий:</p>
@@ -78,11 +78,11 @@ span </span><span class="pun">{</span><span class="pln"> </span><span class="kwd
<li>Вы пользуетесь (или кто-то другой пользуется) весьма сомнительным средством - объявлением стилей непосредственно в элементах</li>
</ol>
-<p>В таком случае вам придется объявить некоторые стили в вашем общем файле CSS как <code>!important</code>, переопределяя, таким образом, стили, установленные в самих элементах.</p>
+<p>В таком случае вам придётся объявить некоторые стили в вашем общем файле CSS как <code>!important</code>, переопределяя, таким образом, стили, установленные в самих элементах.</p>
<p>Пример из практики: Некоторые плохо написанные <strong>плагины jQuery</strong>, использующие присваивание стилей самим элементам.</p>
-<p>Б) Еще сценарий:</p>
+<p>Б) Ещё сценарий:</p>
<pre class="default prettyprint prettyprinted"><code><span class="com">#someElement p {</span><span class="pln">
color</span><span class="pun">:</span><span class="pln"> blue</span><span class="pun">;</span><span class="pln">
@@ -96,7 +96,7 @@ p</span><span class="pun">.</span><span class="pln">awesome </span><span class="
<p><strong>Как преодолеть !important</strong></p>
-<p>A) Просто добавьте еще одно правило с модификатором <code>!important</code>, у которого селектор имеет большую специфичность (благодаря добавлению типа элемента (тэга), идентификатора (атрибута id) или класса к селектору).</p>
+<p>A) Просто добавьте ещё одно правило с модификатором <code>!important</code>, у которого селектор имеет большую специфичность (благодаря добавлению типа элемента (тэга), идентификатора (атрибута id) или класса к селектору).</p>
<p>Пример большей специфичности:</p>
@@ -126,7 +126,7 @@ p</span><span class="pun">.</span><span class="pln">awesome </span><span class="
<h3 id="Не_исключение_-_not()">Не исключение - <code>:not()</code></h3>
-<p>Отрицающий псевдокласс <code>:not</code> <em>не учитывается</em> как псевдокласс при расчете специфичности. Однако селекторы, расположенные внутри <code>:not</code>, при подсчете количества <a href="#selector-type">по типам селекторов</a> рассматриваются как обычные селекторы и учитываются.</p>
+<p>Отрицающий псевдокласс <code>:not</code> <em>не учитывается</em> как псевдокласс при расчёте специфичности. Однако селекторы, расположенные внутри <code>:not</code>, при подсчёте количества <a href="#selector-type">по типам селекторов</a> рассматриваются как обычные селекторы и учитываются.</p>
<p>Следующий фрагмент CSS ...</p>
@@ -138,7 +138,7 @@ div:not(.outer) p {
}
</pre>
-<p>... примененный к такому HTML ...</p>
+<p>... применённый к такому HTML ...</p>
<pre class="brush: html">&lt;div class="outer"&gt;
&lt;p&gt;Это div.outer&lt;/p&gt;
@@ -168,7 +168,7 @@ div:not(.outer) p {
}
</pre>
-<p>... примененные к нижеследующей разметке ...</p>
+<p>... применённые к нижеследующей разметке ...</p>
<pre class="brush: html">&lt;p id="foo"&gt;Это пример.&lt;/p&gt;
</pre>
@@ -229,7 +229,7 @@ h1 {
<p><span style="color: #800080;">Вот заголовок!</span></p>
-<p>Потому что селектор <code>h1</code> непосредственно соответствует элементу, а стиль, задающий зеленый цвет, всего лишь унаследован от родителя.</p>
+<p>Потому что селектор <code>h1</code> непосредственно соответствует элементу, а стиль, задающий зелёный цвет, всего лишь унаследован от родителя.</p>
<h2 id="Дополнительная_информация">Дополнительная информация</h2>