Помогите в таком вопросе, мне нужно чтобы активное меню было выделено вот таким фоном background: rgba(123, 64, 102, 1);  , куда мне его прописать в css??
Вот код меню:

Цитата

} .header_menu>ul{     margin-top: 50px;     border-bottom: solid 1px white;     border-top: solid 1px white;     overflow: hidden;     margin-bottom: 50px;    } .header_menu>ul>li{     cursor: pointer;      padding: 10px 20px;     float: left;     list-style: none; } .header_menu a{          text-decoration: none;     font: normal normal bold 16px/1.4em 'open sans',sans-serif;     color: #EAEAEA; } .header_menu>ul>li:hover{    background: rgba(123, 64, 102, 1);     transition: background-color 0.4s ease 0s; } .header_menu>ul>li:hover .submenu{     display: block;     background-color: rgba(123, 64, 102, 1);  } .info{ margin-top: 20px; padding: 10px; } hr {   border: 1px solid rgba(51, 51, 51, 1);   background-color: rgba(30, 30, 30, 1); } .submenu{     background: rgba(123, 64, 102, 1);     display: none;     margin-left: -50px;     margin-top: 10px;     position: absolute;     z-index: 11;     padding:0; } .submenu>li{       padding: 5px;     text-align: left;     margin-top: 10px;     display: block;     border-radius:0px!important; } .submenu>li:hover{     border-radius: 10px;     background: black; }