i am having trouble displaying the sub-list with number 2.1.1
using HOVER
Document
#primary{
height: 300px;
width: 300px;
border-radius: 5%;
background-color: black;
color: yellow;
padding-top: 1%;
}
ol{
counter-reset: list;
}
li{
display:block;
}
li:before{
content: counters(list, “.”) " ";
counter-increment: list;
}
.hide{
display:none;
}
.parent:hover .hide{
display:block;
}
- first
- first.first
- first.second
- second
- second.first
- second.first.first
- second.first.second
- third
- third.first
- third.second