Merge pull request AllThingsSmitty#173 from VladimirCreator/protip-26-russian

Translate protip 26 to Russian

Author: AllThingsSmitty

translations/ru-RU/README.md

@@ -24,7 +24,7 @@
 1. [Наследуйте `box-sizing`](#Наследуйте-box-sizing)
 1. [Используйте `unset` вместо сброса всех свойств](#Используйте-unset-вместо-сброса-всех-свойств)
 1. [Используйте `:not()` для добавления / удаления границ в меню навигации](#Используйте-not-для-добавления--удаления-границ-в-меню-навигации)
-1. [проверьте, установлен ли шрифт локально](#проверьте,-установлен-ли-шрифт-локально)
+1. [Проверьте, установлен ли шрифт локально](#проверьте,-установлен-ли-шрифт-локально)
 1. [Добавьте `line-height` в `body`](#Добавьте-line-height-в-body)
 1. [Установите `:focus` для элементов формы](#Установите-focus-для-элементов-формы)
 1. [Выровнять все по вертикали](#Выровнять-все-по-вертикали)
@@ -45,6 +45,7 @@
 1. [Установите `font-size` для элементов формы, чтобы оптимизировать просмотр на мобильных устройствах](#Установите-font-size-для-элементов-формы-чтобы-оптимизировать-просмотр-на-мобильных-устройствах)
 1. [Использовать события указателя для управления событиями мыши](#Использовать-события-указателя-для-управления-событиями-мыши)
 1. [Установите `display: none` на разрывы строк, используемые как интервалы](#Установите-display-none-на-разрывы-строк-используемые-как-интервалы)
+1. [Используйте `:empty`, чтобы скрыть пустые HTML элементы](#Используйте-empty-чтобы-скрыть-пустые-HTML-элементы)
 
 
 ### Используйте CSS Reset
@@ -65,7 +66,7 @@
 
 #### [Демо](http://codepen.io/AllThingsSmitty/pen/kkrkLL)
 
-**Примечание:** Если вы будете следовать совету [Наследуйте box-sizing](#inherit-box-sizing), то вы можете не включать свойство `box-sizing` в ваш CSS Reset.
+**Примечание:** Если вы будете следовать совету [Наследуйте `box-sizing`](#inherit-box-sizing), то вы можете не включать свойство `box-sizing` в ваш CSS Reset.
 
 <sup>[вернуться к оглавлению](#table-of-contents)</sup>
 
@@ -156,7 +157,7 @@ button {
 <sup>[вернуться к оглавлению](#table-of-contents)</sup>
 
 
-### проверьте, установлен ли шрифт локально
+### Проверьте, установлен ли шрифт локально
 
 Вы можете проверить, установлен ли шрифт локально, прежде чем извлекать его удаленно, что также является хорошим показателем производительности.
 
@@ -595,7 +596,7 @@ textarea {
 
 ### Использовать события указателя для управления событиями мыши
 
-[События указателя] (https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) позволяют указать, как мышь взаимодействует с элементом, который он трогает. Чтобы отключить событие указателя по умолчанию на кнопке, например:
+[События указателя](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) позволяют указать, как мышь взаимодействует с элементом, который он трогает. Чтобы отключить событие указателя по умолчанию на кнопке, например:
 
 ```css
 button:disabled {
@@ -611,7 +612,7 @@ button:disabled {
 
 ### Установите `display: none` на разрывы строк, используемые как интервалы
 
-Как отметил [Гарри Робертс] (https://twitter.com/csswizardry/status/1170835532584235008), это может помочь пользователям CMS использовать дополнительные разрывы строк для пробелов:
+Как отметил [Гарри Робертс](https://twitter.com/csswizardry/status/1170835532584235008), это может помочь пользователям CMS использовать дополнительные разрывы строк для пробелов:
 
 ```css
 br + br {
@@ -622,6 +623,23 @@ br + br {
 <sup>[вернуться к оглавлению](#table-of-contents)</sup>
 
 
+### Используйте `:empty`, чтобы скрыть пустые HTML элементы
+
+Если у вас есть HTML элементы, которые пусты, то есть их контент ещё не установлен ни CMS, ни динамической вставкой (например, `<p class="error-message"></p>`) и вам не нравится, что они занимают пространство вашего макета, используйте псевдо-класс `:empty`, чтобы скрыть их.
+
+```css
+:empty {
+  display: none;
+}
+```
+
+**Примечание**: Имейте в виду, что элементы с пробельными символами не считаются пустыми, например `<p class="error-message"> </p>`.
+
+<sup>[вернуться к оглавлению](#table-of-contents)</sup>
+
+
 ## Поддержка
 
 Текущие версии Chrome, Firefox, Safari, Opera, Edge, и IE11.
+
+<sup>[вернуться к оглавлению](#table-of-contents)</sup>