gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Correctly translated into Russian (#30041)

Browse Source
This commit is contained in:
Nikita
2019-04-22 22:39:17 +05:00
committed by Gregory Gubarev
parent 722b65d80f
commit e4b04ea84b
1 changed files with 27 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
guide/russian/css/hover-selector/index.md
View File

@ -1,22 +1,26 @@
--- ---
title: Hover Selector title: Hover Selector
localeTitle: Селектор поворота localeTitle: Псевдокласс :hover
--- ---
## Селектор поворота ## Псевдокласс :hover
Селектор CSS `:hover` является одним из многих псевдоклассов, которые используются для стилей элементов. Селектор CSS `:hover` является одним из многих псевдоклассов, используемых для стилизации элементов.
Селектор: hover используется для выбора элементов при наведении указателя мыши на них. Селектор CSS `:hover` используется для выбора элементов при наведении на них курсора мыши.
Селектор: hover можно использовать для всех элементов, а не только для ссылок. Селектор CSS `:hover` можно использовать для всех элементов, а не только для ссылок.
С помощью селектора: link для стилей ссылок на неперечисленные страницы: селектор посещений для стилей ссылок на посещенные страницы и активный селектор для стилизации активной ссылки. Используйте селектор `:link` для стилизации ссылок непосещенных страниц, селектор `:visited` для стилизации ссылок посещённых страниц, а селектор `:active` для стилизации нажатия на ссылку.
Примечание.: Hover ДОЛЖЕН прибыть после: link и: посетил (если они присутствуют) в определении CSS, чтобы быть эффективными! Примечание: `:hover` ДОЛЖЕН идти после `:link` и `:visited` (если они существуют) в определении CSS, для того чтобы быть эффективным!
Синтаксис CSS : hover { css-объявления; } ## Синтаксис
:hover {
css declarations;
}
Селектор hover применяет только стили, предусмотренные в правиле, когда элемент входит в состояние зависания. То есть, когда пользователь наводит курсор мыши на элемент с помощью мыши. Селектор CSS `:hover` применяет только те стили, которое прописаны в его правиле, когда элемент переходит в состояние наведения.
То есть, когда пользователь наводит курсор мыши на элемент.
```css ```css
button { button {
@ -31,10 +35,8 @@ button {
} }
``` ```
В приведенном выше примере обычным стилем кнопки является белый текст на зеленой кнопке. Когда пользователь наводится над кнопкой с помощью мыши, правило с селектором `:hover` станет активным, и стиль кнопки изменится. В приведенном выше примере обычным стилем кнопки является белый текст на зеленой кнопке.
Когда пользователь наводит курсор мыши на кнопку, правило с селектором `:hover` становится активным и стиль кнопки изменяется.
#### Дополнительная информация: #### Больше информации:
* [MDN `:hover` Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)
[Документы MDN `:hover`](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)
Вы можете найти еще много псевдо-классов в этой статье на Mozillia в [MDN Псевдоклассы Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes) .