css hover

1.class {
2    margin:20px;
3    &:hover {
4        color:yellow;
5    }
6}
7

1.YOURHTMLCONTENT i {
2    height: auto;
3    float: left;
4    color: #fff;
5    font-size: 55px;
6    margin: 30px 30px 30px 30px;
7    transition: 0.8s;
8    transition-property: color, transform;
9}
10
11.YOURHTMLCONTENT i:hover {
12    color: #FF5733;
13    transform: scale(1.3);
14}

1.i {
2    color: #fff;
3    font-size: 35px;
4    margin: 15px 15px 0 15px;
5    transition: 0.2s;
6    transition-property: color, transform;
7}
8
9i:hover {
10    color: #FF5733;
11    transform: scale(1.3);
12}

1/* Changes an element's color on hover */
2
3.selector {
4	background-color: black;
5}
6
7.selector:hover {
8	background-color: blue;
9}

1.a:hover{background-color: black;}

1.my-div:hover{
2  background-color: #f00; /*RED*/
3}
4/*When mouse come over .my-div the background-color will be changed to red*/