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

Added more info on :hover (#22932)

Browse Source
This commit is contained in:
Ece
2018-11-22 06:39:24 +03:00
committed by Manish Giri
parent da3a9670b9
commit 7a2c4c1c9a
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
guide/english/css/hover-selector/index.md
View File

@ -37,6 +37,20 @@ button:hover {
In the example above, the button's normal styling is white text on a green button. In the example above, the button's normal styling is white text on a green button.
When a user hovers over the button with their mouse the rule with the `:hover` selector will become active and the button's style will change. When a user hovers over the button with their mouse the rule with the `:hover` selector will become active and the button's style will change.
You can also use the hover selector on an element to affect another element.
```css
button {
color: white;
background-color: green;
}
button:hover span{
color: green;
}
```
In the example above, when a user moves their mouse over the button element, the span element's color would change to green.
#### More Information: #### More Information:
<a href='https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes' target='_blank' rel='nofollow'>MDN `:hover` Docs</a> <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes' target='_blank' rel='nofollow'>MDN `:hover` Docs</a>