I have this pseudo element as below:
.itembox::before {
border: 2px solid red;
content: '';
top:25px;
left:5px;
right:40px;
bottom:45px;
display: inline-block;
position: absolute;
}
.itembox:hover::before .title {
background-color: red;
}
It is a simple "div" element named "itembox". I am trying to change the "title" div when the pseudo element is hovered over. Above code is not working. My HTML is as below:
<div class="itembox">
<div class="title">Risk Management</div>
</div>