css鼠标经过某元素时同时对其他元素样式处理

鼠标经过前：

鼠标经过后：

html

        <div class="notice-item">
            <div class="notice-date">
                <div class="notice-day">15</div>
                <div>2022-04</div>
            </div>
            <div class="notice-text">关于表彰2014年度市直保密工作先进单位和先进个人的通</div>
        </div>

css

    .notice-item:hover {
        color: #e90000;
    }

    .notice-item:hover .notice-date   {
        color: #ffffff;
        background-color: #e90000;
    }

    .notice-item:hover .notice-day   {
        color: #ffffff;
    }