I trying to hide a div using pure CSS3 when clicking on a HTML Action Link.

Razor View With HTML Action Link:

 @Html.ActionLink(@skl.skill_user_content, "Index", "Home", new {skill_id = skl.skill_id}, new { @class = "skill_user_list" }); 

CSS3:

.divtoshow {
display:none'
}

.skill_user_list:hover + divtoshow {
color:blue // What else can I write here , hover has to exist for active to work
}

 .skill_user_list:active + divtoshow {
 display:block;
  }

I do not wish to use Javascript , so please don't provide me any JS alternatives . Thank you

I hope this is clear enough , thank you guys!

Related posts

Recent Viewed