difference between "nav li:hover" & "nav li:hover a"?

[Ganesh Ujwal]

difference between "nav li:hover" & "nav li:hover a"?

Code:

nav li:hover {        background: #4b545f;        background: linear-gradient(top, #4f5964 0%, #5f6975 40%);        background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);        background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);    }

Code:

nav li:hover a {        background: #4b545f;        background: linear-gradient(top, #4f5964 0%, #5f6975 40%);        background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);        background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);    }

both are same or not?

[dsonesuk]

nav li:hover targets the li on hover and apply styling to it.

nav li a:hover targets the a on hover and apply styling to it .

 

IF the li and the anchor within it are of the same dimensions you won't see any difference.