如何在:: after元素悬停时更改另一个元素的样式

Question

我的伪元素如下：

.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;
}

这是一个简单的名为“ itembox”的“ div”元素。 当试图将伪元素悬停在上方时，我试图更改“ title” div。 上面的代码不起作用。我的HTML如下：

<div class="itembox">
    <div class="title">Risk Management</div>
</div>