nie wyświetla mi po najechaniu icony

Question

tak jak w temacie nie wyświetla mi po najechaniu w li icony

echo'<ul id="playlist">';
echo "<li><a href=muzyka/$fileinfo>$fileinfo</a>";
echo'<i class="icon-play"></i>';
echo "</li>";
echo'</ul>';
 } 
 } 
echo' </div>';

#playlist {
float:left;
width:600px;
background-color:gray;
color:white;
margin:10px;
}
#playlist a{
cursor:pointer;
padding:8px;
text-decoration:none;
list-style-type:none;
color:white;
text-align:left;
margin:0px;
display:block;
}

#playlist li a:hover{
color:blue;
display:block;
}
#playlist li:hover>i{
display:block;
}
#videoarea {
float:left;
width:640px;
height:480px;
margin:10px;
border:1px solid silver;
background-color:black;
}

#playlist li{

color:white;
text-decoration:none;
list-style-type:circle;
text-align:justify;
margin-top:0px;
}

.icon-play:before { content: '\e800';  margin-left:550px;margin-right:auto; margin-top:-25px;float:left; display:none;} 

gdzie robie coś nie tak

Answer 1

dobra rozwiązałem już problem

Comments

Możesz dopisać w temacie, co trzeba było naprawić.

---

#playlist li:hover>.icon-play:before,.icon-pause:before{
display:block;
}

 a bez :before nie bedzie  działało