I am currently in the process of learning coding, but I have encountered a problem that I cannot seem to solve. Initially, I had set the color for the hover effect, but somehow it disappeared and now I am struggling to bring it back. Please review my code below:
/* styles for the aside */
#aside1 {
width: 180px;
float: left;
height: 350px;
}
#nav_list ul {
list-style-type: none;
}
#nav_list ul li {
align-content: left;
width: 110px;
margin-bottom: 0.5em;
border: 2px solid black;
}
#nav_list ul li a {
display: block;
padding: 0.5em;
text-decoration: none;
color: black;
background-color: orange
}
#nav_list ul li a:hover, a:focus { color: green }