.unorder_Hnav,li,.classes:active
{
background-color:#7CA738;
height: 50px;
display: table-cell;
width: 1024px;
text-align: center;
line-height: 52px;
font-weight: bolder;
color: #FFFFFF;
background-color: #457025;
text-decoration: none;
}
I have applied the styles to different elements like unordered list, lists without a class, and an anchor tag with the class 'Classes':active.
My goal is to ensure that these properties are activated only when clicked on, and remain active until another link is clicked. Can this be achieved using CSS alone or do I need to use jQuery?